Allineamento a dx in layout fluido

[cronycles]

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:

#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 della pagina:

<div id="header">
    <div id="contact_bar">
    </div><!--fine contact_bar-->
    <div id="sidebar">
    </div><!--fine sidebar-->
</div><!--fine header-->

bella

[misterwo]

Non ho capito...
rimane il fatto che con l'absolute il tuo div si allinea e diciamo "esce dal regolare flusso"...dovresti dare un margine pari all'altezza dell'altro se vuoi che uno rimango sotto rispetto all'altro...

[cronycles]

Ho risolto mettendo un bellissimo "clear: both" così è fierissimo!!!

Grazie comunque per la dritta!!!

Bella