Div che si accavallano senza spostarsi

[centro]

Ciao a tutti,
ho questo div navigation che è la colonna sx del mio layout.
Il mio porblema e che apro i sotto menu che sono dentro la lista menu_sx questo menu che diventa più grande mi si sovrappone ai div sottostanti nav_dovesiamo e nav_meteo
c'è qualche rimedio che posso utilizzare affinche questi div si spostano sotto...?
spero di essere stato chiaro

<div id="navigation">
    <div id="nav_menu">
       <ul id="menu_sx">
    [*][url="#"]Home[/url][*][url="#"]La struttura[/url][*][url="#"]Matrimoni[/url]
       <!--    <ul>
            [*][url="#"]Servizi[/url]
            [*][url="#"]Foto allestimenti interni[/url]
        [*][url="#"]Foto allestimenti esterni[/url]
           [*][url="#"]I clienti della casa per ferie[/url]
           [*][url="#"]Richiesdiil tuo preventivo[/url]
        [/list]-->
                  
    [*][url="#"]Congressi[/url]
                 <!--    <ul>
            [*][url="#"]Servizi[/url]
            [*][url="#"]Foto e planiometria delle sale[/url]
           [*][url="#"]Richiesdiil tuo preventivo[/url]
                      [/list]-->
               
    
    [*][url="#"]L'anfiteatro estivo[/url] 
                <!--        <ul>
            [*][url="#"]Servizi[/url]
            [*][url="#"]Foto[/url]
                    [*][url="#"]I nostri eventi[/url]
           [*][url="#"]Richiesdi informazioni[/url]
         [/list]-->
           
    
    
    
    [*][url="#"]Links[/url][*][url="#"]Guestbook[/url][/list]
    </div>



   

   <div id="nav_dovesiamo">Dove Siamo </div>
   
   

   <div id="nav_meteo" >Previsioni Meteo</div>

</div>