[CSS] Box button che si muovono in IE

[99caos]

Ho un problema con dei bottoni fatti in css.

In IE si muovono quando ci passo sopra col mouse.

Potete vederlo qui

Con firefox non accade questo.

#box-menu .botton { 
  display:block;
  width:100%;
  height:100%;
  margin: 2px;
  padding: 0 2px;
  text-align: left;
  text-decoration: none
}
#box-menu select { 
   font-size: 9px;
   width: 105px;
   margin:  2px 0;
}
#box-menu a:hover { color: #990000; background-color : #f7b930;}
#box-menu a:active { color: #990000; background-color : #f7b930;}

HTML

<div id='box-menu'>
<form method="post" action="pagina.php">
  <a class='botton'>chi sono</a>
  <a class='botton'>cerca</a>
  <select name="home">
  <option value='$id'>$genere</option>
  </select><input type="image" src='modifica.gif' name='submit' />
  <a class='botton'>contattami</a>
  <a class='botton'>aiuto</a>
</form>
</div>

[Robycz]

Non mi è chiaro l'effetto che volevi sortire,
però prova così:

#box-menu {
	FLOAT: left; MARGIN: 0px; WIDTH: 120px; TEXT-ALIGN: center
}
#box-menu .botton {
	PADDING-RIGHT: 2px; DISPLAY: block; PADDING-LEFT: 2px; BACKGROUND: #990000; PADDING-BOTTOM: 0px; MARGIN: 2px 2px 2px 2px; WIDTH: 100%; COLOR: #ff9900; PADDING-TOP: 0px; HEIGHT: 100%; TEXT-ALIGN: left; TEXT-DECORATION: none
}
#box-menu SELECT {
	FONT-SIZE: 9px; MARGIN: 2px 0px 2px 2px; WIDTH: 105px
}

PS
nella pagina di cui al tuo link, che mi sono salvato in locale per il test, il browser mi da alcuni errori; prova a mettere tra apici le stringhe relative a mesi e giorni e anche qui:

msie4 = ((navigator.appName == 'Microsoft Internet Explorer') ...

Ciauz

[99caos]

Grazie per la segnalazione... devo ancora validare la pagina quindi quegli errori li correggerò dopo... adesso provo il tuo suggerimento e ti faccio sapere...

solo che non capisco cos'è che non capisci

[99caos]

Il codice css che mi hai postato è identico al mio eccetto per il fatto che il mio è sintetico ed il tuo è esteso...

di fatto nulla è cambiato.

per quanto riguarda invece il js il suggerimento era ovviamente corretto...

grazie comunque.


Rilancio

[99caos]

up... perchè IE si comporta così?

[Robycz]

Originariamente inviato da 99caos
Il codice css che mi hai postato è identico al mio eccetto per il fatto che il mio è sintetico ed il tuo è esteso...
di fatto nulla è cambiato.

Certo..
solo che nella versione sintetica mi si sposta tutto, in quella estesa no. (Win2000pro IE)