Différence selon navigateur

Bonjour à tous,
cela fait plusieurs jours que je cherche une solution mais en vain...

J’arrive au résultat souhaité sur firefox, mais sur safari c'est totalement différent...
Mon site se constitue de 4 Div principales. une conteneur qui contient une float left et une autre div. une autre div en absolue float right...
Dans firefox impec mais dans safari la div qui suit la float, passe à la ligne...

Pour y voir plus clair voici mes codes ainsi que le lien du site.

Les voici :

<!-- DIV LOGO -->
<div id="logo"><img src="img/logo-C.png" width="264" height="264" alt="c-toutcom"></div>
<!--DIV site-->
<div id="site">
<!--DIV menu-->
<div id="menu">
	<ul class="navigation">
    	<li class="toggleSubMenu"><span><a href="#">AGENCE</a></span>
        	<ul class="subMenu soustitre">
            	<li class="soustitre"><a href="#" title="Aller à notre ADN">NOTRE ADN</a></li>
            	<li class="soustitre"><a href="#" title="Aller à nos métiers">NOS METIERS</a></li>
        	</ul>
    	</li>
        <li class="toggleSubMenu"><span><a href="#">CREATIONS</a></span>
        	<ul class="subMenu open_at_load">
            	<li class="soustitre"><a href="book_mode.html" title="Aller au book mode">MODE</a></li>
            	<li class="soustitre soustitre_up"><a href="book_deco.html" title="Aller au book deco">DECO</a></li>
                <li class="soustitre"><a href="book_marketing.html" title="Aller au book marketing direct">MARKETING DIRECT</a></li>
            	<li class="soustitre"><a href="book_imagemarque.html" title="Aller au book image de marque">IMAGE DE MARQUE</a></li>
            	<li class="soustitre"><a href="book_edition.html" title="Aller au book edition">EDITION</a></li>
            	<li class="soustitre"><a href="#" title="Aller voir nos references">REFERENCES</a></li>

        	</ul>
    	</li>
        <li class="toggleSubMenu"><span><a href="#">CONTACT</a></span>
        	<ul class="subMenu soustitre">
            	<li class="soustitre"><a href="#" title="Aller à la page nous trouver">NOUS TROUVER</a></li>
            	<li class="soustitre"><a href="#" title="Aller à la page nous ecrire">NOUS ECRIRE</a></li>
        	</ul>
    	</li>
	</ul>
</div>
<!--DIV galerie mode-->
<div id="tS2" class="jThumbnailScroller">
    <div class="jTscrollerContainer">
        <div class="jTscroller">
            IMGAGE IMGAGE IMGAGE IMGAGE IMGAGE IMGAGE IMGAGE
            IMGAGE IMGAGE IMGAGE IMGAGE IMGAGE
      </div>
    </div>
</div>
</div>

Voici le css:

/*SITE*/
#site {
	width: 80%;
	margin-top:250px;
	max-width: 1000px;
	min-width: 700px;
}

/*MENU*/
#menu{
	float:left;
	width:270px;
	height:400px;
	padding-top: 145px;
	padding-right:10px;
}

/*LOGO*/
#logo {
	margin-top:-100px;
	float:right;
	opacity:.2;
}

/*GALERIE*/

#tS2 {
	width:1200px;
	height:420px;
}

Le lien : SITE
Modifié par H.I.M (09 Jan 2012 - 10:42)