Sovrapposizione DIV con Explorer 7 e FireFox

[giglionews]

Sovrapposizione DIV con Explorer 7 e FireFox

Ciao a tutti, ho realizzato un sito impaginadolo con i css. Il sito l'ho sempre visualizzato con Explorer 6, ma una volta aggiornato il browser ho notato che le pagine non si visualizzano piu correttamente ma si sovrapposizionano le div. La stessa cosa succede con firefox.
La pagina è questa:
http://www.saracenohotel.it/camere-servizi.html

Grazie per l'aiuto perchè non riesco a trovare una soluzione.

[ienavr]

dovrebbe essere sufficiente sostituire questa parte di css:

#content {
width: 446px;
float: right;
height: 380px;
margin-top: 5px;
}

con questa:

width: 446px;
float: right;
margin-top: 5px;
}

ti consiglio inoltre di sostituire questo pezzo di css:

#news li {
margin-bottom: 4px;
margin: 0 0 10px 0;
}

con questo:

margin-bottom: 4px;
margin: 0 0 10px 0;
list-style-type: none;
}

per non avere i pallini bianchi nel menu di sinistra con Firefox

[giglionews]

Grazie mille!
Adesso funziona tutto.

[a.m86]

Ciao raga,
anche se è passato molto tempo dall'ultima vostra discussione ho bisogno di un Help !
Ho creato un sito utilizzando tag Div.. Con Opera si visualizza correttamente... Con Explorer invece no... Come devo fare??
Inserisco due immagini dei rispettivi browser e il code CSS del sito...



*{
margin:0;
padding:0;
outline:none;
}
body {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
}
#bg {
background-color: #FFFFFF;
background-image: url(images/bg_top.jpg);
background-repeat: repeat-x;
background-position: top;
}
#left {
background-image: url(images/sx_top.jpg);
background-repeat: no-repeat;
background-position: left top;
width: 381px;
}
#left_title {
width: 305px;
height: 256px;
}
#left_content {
width: 295px;
height: 300px;
}
#left_bg {
background-image: url(images/bg_sx.jpg);
background-repeat: repeat-y;
float: left;
}
#left_bottom {
background-image: url(images/sx_bottom.jpg);
background-repeat: no-repeat;
background-position: left top;
height: 108px;
width: 305px;
}
#centre_title {
background-image: url(images/dx_top.jpg);
background-repeat: no-repeat;
background-position: right top;
height: 342px;
padding-left: 270px;
width: 750px;
}
#menu {
padding-top: 70px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: auto;
margin-left: auto;
letter-spacing: 2px;
font-family: Georgia, "Times New Roman", Times, serif;
font-variant: small-caps;
color:;
font-size: 16px;
font-weight: bold;
}
#centre_content {
background-image: url(images/content.jpg);
background-repeat: repeat-y;
height: 400px;
width: 628px;
margin-top: 19px;
margin-left: 320px;
padding-left: 30px;
padding-top: 20px;
}
#centre_bottom {
background-image: url(images/content_bottom.jpg);
background-repeat: no-repeat;
height: 165px;
width: 663px;
margin-left: 301px;
background-position: top;
}
#centre {
margin-top: -327px;

}
#inner_content {
padding-right: 45px;
color: #405163;
}
p.nota {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
color:;
background-color: #006FB9;
padding: 20px;
width: 500px;
}
a {
color: #0B75E3;
font-weight: bold;
text-decoration: underline;
}
a:visited {

color: #0C78F8;
font-weight: bold;
text-decoration: underline;

}
#nav li {
display: inline;
list-style-image: none;
list-style-type: none;
margin-right: 0px;
margin-left: 30px;
}
a {
color: #9ACCFF;
text-decoration: none;
margin-right: 0px;
padding: 7px;
}
a:hover {
margin-right: 0px;
color:;
background-color:;
}
a.active {
margin-right: 0px;
color:;
background-color: #017EFF;
}