Problema compatibilità tra browser

[ciri_sn_solo_io]

Mi succede che il mio sito in locale lo visualizzo perfettamente con IE ma malissimo con FF.
Il problema è che con FF il contenuto sfora la sua colonna e finisce sulla colonna di destra.

Ho un layout fluido a due colonne, vi posto il CSS:

div#container{
    background-color: white;
    width: 100%;
    border-color: black;
    border-style: solid;
    border-width: 2px;
    margin: 0px auto;   /*centra negli altri browsers*/
    text-align: left;   /*ripristina l' allineamento*/
    }

div#navigation{
margin:0px auto;
float:right;
width:20%;
color: red;
text-align:center;
}

div#content{
margin-right: 20%;
text-align:left;
border-right: red solid 1px;
}

div#footer{
background: green;
color: yellow;
text-align:center;
clear:both;
}

<style type="text/css" media="print">
div#container{
    width: auto;
    }
</style>

Ho postato in questa sezione perchè credo che il problema sia nel CSS, altrimenti ditemi voi cosa puo essere.

[fcaldera]

però dovresti postare anche l'html e dire in quale punto si verifica il problema

[ciri_sn_solo_io]

Il problema è che è una pagina PHP e c'è parecchio codice, quindi credo ti venga il mal di testa a leggerti tutto.

Comunque la pagina è strutturata in questo modo:

<div id="container">
<div id="header">
    <?php
        include("head2.html");
        ?>
    </div>
<div id="navigation">
<?php
	include("menu.html");
?>
	</div>
        <div id="content">

//qui c'è tutto il codice PHP della pagina

</div>
        <div id="footer">
		<?php
        include("footer.html");
        ?>
</div>
    </div>
</body>
</html>

Ed il problema è che il contenuto della colonna centrale (ho un layout fluido a 2 colonne con la navigazione a destra) mi sfora sulla colonna di destra.