Ciao a tutti di nuovo ho il seguente problema:

Ho crato una header, di altezza 90px, la quale contiene:
a - un banner che ricopre tutta lunghezza della pagina
b - una altro piccolo banner di lunghezza 200 (che sta sopra ad 'a') ma allineato a destra della pagina.
Ecco c'è b che mi si sovrappone ad a, come faccio a dire ad a che deve starsene sotto e a bi che deve starsene sopra?

Codice CSS:

codice:
#header 
{ 
    height: 95px;
    background: #ebebeb;
}
    #contact_bar 
    { 
        height: 15px;
        width: 190px;
        background:url(../images/header/banner_contattaci.jpg) repeat-y;
        float:right;
    }
    #sidebar 
    { 
        height: 80px;
        background:url(../images/header/banner_header.jpg) repeat-x;

    }

Codice HTML:

codice:
<div id="header">
	<div id="contact_bar">
    </div>
    <div id="sidebar">
    </div>
</div>

bella