Problema com css

• Descrição:

Queria saber se podem me ajudar com um probleminha :
Segue duas imagens a de cima é como esta ( Jeito errado)

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

A de baixo como deveria ser..
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

• Informações:

Código:

.main .main-foot, .main .main-head {
-moz-border-radius: 4px 4px 0 0;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
background: rgba(255,0,0,1) url(http://i.imgur.com/BHdIaBo.jpg) repeat-x 0 0;
border: 1px solid #D6D6D6;
border-bottom: 0;
border-radius: 4px 4px 0 0;
color: #FFF;
font-family: Daniel, Curvise, Arial;
font-size: 18px;
font-weight: 300;
min-height: 18px;
overflow: hidden;
padding: 12px;
text-shadow: rgba(0,0,0,0.4) 0 -1px 0;
}

Código:

.main .main-foot, .main .main-head {
-moz-border-radius: 4px 4px 0 0;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
background: rgba(255,0,0,1) url(http://i.imgur.com/BHdIaBo.jpg) repeat-x 0 0;
border: 1px solid #D6D6D6;
border-bottom: 0;
border-radius: 4px 4px 0 0;
color: #FFF;
font-family: Daniel, Curvise, Arial;
font-size: 18px;
font-weight: 300;
min-height: 18px;
overflow: hidden;
padding: 2px;
text-shadow: rgba(0,0,0,0.4) 0 -1px 0;
}

Código:

.main .main-foot, .main .main-head {
-moz-border-radius: 4px 4px 0 0;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
background: rgba(255,0,0,1) url(http://i.imgur.com/BHdIaBo.jpg) repeat-x 0 0;
border: 1px solid #D6D6D6;
border-bottom: 0;
border-radius: 4px 4px 0 0;
color: #FFF;
font-family: Daniel, Curvise, Arial;
font-size: 12px;
font-weight: 300;
min-height: 18px;
overflow: hidden;
padding: 2px;
text-shadow: rgba(0,0,0,0.4) 0 -1px 0;
}