Div che non si vedono

[Giovy_1006]

Salve a tutti,
sto facendo questo sito: http://fifanetwork.altervista.org/ ed ho un problema con due div con il "quadrato" di sinistra.
Praticamente ho il div principale, e dentro quello principale metto la barra del titolo, e dopo sotto un altro div dove metto il testo.
Il div della barra e del testo vanno in contrasto tra di loro, se vedo uno non vedo l'altro....

Ecco il css

#areaalbo {
       width: 250px;
       height: 150px;
       border-right-color: #499b00;
       border-right-style: solid;
       border-right-width: 1px;
       border-left-color: #499b00;
       border-left-style: solid;
       border-left-width: 1px;
       border-top-color: #499b00;
       border-top-style: solid;
       border-top-width: 1px;
       border-bottom-color: #499b00;
       border-bottom-style: solid;
       border-bottom-width: 1px;
       float: left;
       margin-left: 32px;
       margin-top: 5px;
       background-color: #efefef;
              }

#barra {
       width: 250px;
       height: 20px;
       background-color: #499b00;
       position: absolute;
       margin: 0 auto;
       }


#testoalbo {
      width: 250px;
      height: 130px;
      background-color: #efefef;
      float: left;
      margin-bottom: 0px;
           }

Areaalbo sarebbe il contenitore, e barra e testoalbo sono i due div che vanno in contrasto.

E il codice html è questo:

<div id="areaalbo"><div id="barra><h3>ALBO D'ORO</h3></div>
<div id="testoalbo">aa</div>

 

[x-project]

Ciao Giovy,
ti sei solo dimenticato di chiudere le virgolette dopo l'id del div barra.
Prova così:
<div id="areaalbo"> <div id="barra"><h3>ALBO D'ORO</h3></div><br />
<div id="testoalbo">aa</div>