Unterschiedl. Abstand zwischen zwei Divs bei Opera / Firefox

[Max-Leonhard von Schaper]

Hallo,

Das mit dem Foto ist nicht wichtig.

Es geht im Prinzip schon darum, dass ich zwei div's ohne Abstand aneinandersetzen moechte.

HTML:

<div class="top">
</div>

<ul id="list6">
<li><a href="index.html">Home</a></li>
</ul>

CSS:
div.top {Height:184px;
border-bottom:1px #B2B2B2 solid;
padding-bottom:0px;
margin-bottom:0px;}

#list6 ul{list-style:none;
margin-top:0px;
padding-top:0px;
border-top:0px;}

#list6 li{width:100px !important;
width:105px;
float:left;
list-style:none;
margin-top:-17px;
margin-left:0px;
padding-top:0px;
padding-right:5px;
font-size:9pt;}

#list6 a{font:normal 9pt arial,sans-serif;
text-decoration:none;
background:#FFF;
text-align:center;
padding:5px 0 5px 0;
width:100%;
margin-top:0px;
margin-left:0px !important;
margin-left:0px;
display:block;
border-bottom:1px #B2B2B2 solid;
border-left:1px #B2B2B2 solid;
border-right:1px #B2B2B2 solid;
border-top:1px #B2B2B2 solid !important ;
border-top:0px #B2B2B2 solid ;}

Wenn man das nun anschaut ergibt das oben eine bestimmt flaeche mit einem Strich unten als Grenze, an die sich ein Menu anschmiegen soll.

Problem:
Wenn man die Liste mit margin-top:-XX px; nach oben schiebt, stimmen die Pixelangaben fuer IE und Opera ueberein. Firefox braucht 2 pixel mehr. Wie kann ich das aber im CSS Code reinschreiben? !important gibt mir den Spielraum zwischen IE und Opera/Firefox, aber wie kann man zwischen Opera und Firefox im CSS Code unterschiedliche angaben machen?

Vielen Dank fuer eure Hilfen,

Gruss
Max-Leonhard