Problema sfondo con Firefox

[Mr_Flash]

Ciao a tutti,
sto realizzando un sito completamente in css ma ho un problema con lo sfondo.

Praticamente il mio sito è realizzato con un menu di navigazione a sinistra (navigation) e la parte centrale (content) a destra.

Quando il menu di navigazione è più lungo del content, lo sfondo (nel mio caso di colore bianco) non viene visualizzato e rimane il colore di sfondo. Questo problema (elencato qui:
http://css.html.it/guide/lezione/69/...-con-il-float/ e http://html.it/guide/esempi/layout_css/esempio20b.html)
mi succede solo con firefox mentre con IE 7 è tutto ok.

Sapete dirmi come risolvere? Il mio css è questo:

html,body{margin: 0;margin-top:10px;padding:0}
body{
font-family:Arial, Helvetica,sans-serif;
font-size:12px;
font-weight: normal;
text-align: center;
background-image: url(img/bg1.gif);
background-repeat: repeat;
background-attachment: fixed;
}

div#container{
width: 760px;
margin: 0 auto;
text-align: left;
background-image: url(img/bg2.gif);
background-repeat: repeat;
border-left: 1px solid #eeeeee;
border-right: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee;
border-top: 1px solid #eeeeee;}

div#footer a{color: #fff;font-weight: bold;text-decoration: underline}

div#navigation{
float:left;
width: 160px;
background-image: url(img/bgmsx.gif);
background-repeat: repeat;}

div#content{
margin-left: 160px;
padding: 1em;
font-family:Arial, Helvetica,sans-serif;
font-size:12px;
font-weight: bold italic;
background-image: url(img/bg3.gif);
background-repeat: repeat;}

div#footer{clear:right; text-align:center; padding: 0;
background-color: #ffffff; color: #000}

div#navigation ul{margin: 1em 0 1em 1em;padding: 0; list-style-type: none;}
div#navigation li{margin: 0;padding: 0;margin-top:10px;}
div#navigation a{color:#993333;font: normal bold 1.1em/1.3em arial,sans-serif;text-decoration: none}
div#navigation a:hover{color: #993333;text-decoration: underline}
div#navigation a#activelink{color: #993333;text-decoration: none}

Grazie

[Myaku]

fai una ricerca per "faux columns"

qui:

font-weight: bold italic;

non è esatto. "Italic" non è font-weight

[Mr_Flash]

Ciao,
grazie per il link, ho visto ma non riesco a capire perchè succede solo con Firefox.

Nessuno può darmi una mano?

Grazie

[Myaku]

Originariamente inviato da Mr_Flash
non riesco a capire perchè succede solo con Firefox.

chiediti piuttosto cosa c'è nel tuo codice che non va. Firefox è uno dei browser più aderenti alle specifiche w3c, quindi è lui che interpreta il codice nella maniera più corretta, non Explorer.

Valida il codice, sia l'html che il css. Nel css, usa le shorthands. es.

border-left: 1px solid #eeeeee;
border-right: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee;
border-top: 1px solid #eeeeee;}

diventa

border: 1px solid #eee;

[Mr_Flash]

Ok, lo so che Firefox è molto valido ma l'errore proprio non riesco a trovarlo