css impazzito con explorer

[palomario]

salve sto realizzando un sito con joomla ed ho un problema nella visualizzazione con explorer.
il template ed il css che ho realizzato funziona bene con mozilla, ma con explorer alcuni div non stanno al loro posto:
http://www.piancavallonoleggi.it/index.php
il menu è allineato a destra non so dove
e il div bottom a sinistra, oltre a vari errori che non riesco a sistemare.
nel css dedicato a IE ho provato a variare dimensioni, allineamenti, float,... ma senza alcun risultato...
se potete darmi una mano...
stefano

[palomario]

il codice html è il seguente:
nell'head
<!--[if IE]>
<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/ie7only.css" type="text/css" />
<![endif]-->
<link rel="stylesheet" href="templates/_system/css/general.css" type="text/css" />
<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/design.css" type="text/css" />

E in body
<div id="novetretre">
<div id="top"><table>
<td><div id="logo"><jdoc:include type="modules" name="advert1" style="xhtml" /></div></td>
<td><div id="menu"><jdoc:include type="modules" name="menu" style="xhtml" /></div></td>
</table></div>
<div id="contenuto"></div>
<div id="bottom"></div>
</div>
</body>
</html>

[palomario]

e il css:
#novetretre{
margin : 0 auto;
width: 933px;}
#top {
background-image: url(../images/top.png);
background-repeat: no-repeat;
height: 200px;
width: 933px;
margin-top: 20px;}

#logo {
margin-left:40px;
float:left;
width:200px;
margin-top:2px;}

#menu {
background-image: url(../images/menu/bg.png);
background-repeat: repeat-x;
margin-top:157px;
width:300px;
float: left;
padding: 0px 10px 0px 10px;
background-position: 0 10px;
}

[webdemo]

sposto nel forum CSS

[palomario]

un aiutino...

[Mich_]

Prova a spostare il CSS per IE DOPO quelli generali.
Altrimenti i CSS generali vanno a sovrascrivere quello di IE.

[palomario]

ok, qualcosa si muove...
è possibile con il div #logo con float:right vada ad allinearsi con l'immagine in background?

[palomario]

ok, sistemato!
GRAZIE!
manca solo una cosa:
l'elenco puntato nel menu in basso:
come faccio a non metterci le immagini (cosa che mozilla non mi fa...)?

[palomario]

OK sistemato tutto!
per il menu è stato sufficiente spostare il css IE dopo quelli generali (grazie Mich_) e impostare il width:auto e float:left (con right va ad allinearsi non so dove)
GRAZIE