[CSS] menu verticale che non rimane fisso

[gordian]

Ciao a tutti,
ho realizzato, sfruttando un tutorial, un menu verticale a rollover sfruttando i CSS.
Mi sembrava tutto ok, quando però mi sono accorto che su IE, il menù non rimane fisso nella pagina se io modifico le dimensioni della finestra di Windows. Soltanto refreshando il mio menu torna nella sua collocazione giusta.

Posto il codice affichè capiate il problema.
P.S.: su FIrefox non da questo problema.

CSS:

#colonna_left 
{   /*colonna che contiene il menu*/
    float: left;
    width: 200px;
    margin: 0;
}

div.main 
{     /* Definisce lo stile di un layer 
      contenitore del menu */
      border: Solid 1px #000000;
      width: 150px;
}
   

div.menu 
{     /* Definisce lo stile di ogni singolo layer  */
      background: #EEEEEE;
      font-size: 11px;
      font-family: Verdana;
}

   
a.menu 
{     /* Definisce lo stile dei link al caricamento */
      background: #EEEEEE;
      color: #000000;
      padding: 1px;
      /* Permette di ottenere l'effetto anche se il 
      mouse non è sul testo */
      position: Relative;
      text-decoration: None;
      /* Imposta il contenuto del layer per la larghezza 
      del layer stesso */
      display: Block;
   }


a:hover.menu 
{     /* Definisce lo stile dei link al passaggio 
      del mouse */
      background: #00003E;
      color: #FFFFFF;
      padding: 1px;
      position: Relative;
      text-decoration: None;
      display: Block;
}

XHTML

<div id="colonna_left">
[img]img.jpg[/img]
<div class="main_menu">
<div class="menu">..</div>
<div class="menu">..</div>
</div>
</div>

Grazie.

[gordian]

Ho risolto:

mi è bastato aggiungere

#colonna_left
{ /*colonna che contiene il menu*/
float: left;
width: 200px;
margin: 0;
position: relative;

}