✔ Problem mit Menüleiste in Opera

[U-Wasser-Gehaeuse]

Hallo
Ich bin gerade dabei einer Seite den letzten Schliff zu geben. Die Menüs stelle ich gerade auf Listen um (von divs).
Jetzt hab ich aber im Opera ein kleines Problem.

Ich hoffe es kann mir hier jemand helfen. Danke schonmal im Voraus.

EDIT: Noch was: wenn ich es so richte das es im Opera passt, sind es im Firefox 2px zuweit unten.

Hier Screenshots davon (bei Hardware ist die Maus drüber):
Firefox (Ok)
IE (Ok)
Opera (nicht Ok)

Als ganzes Ansehen

HTML Code:

<div id="Nav-Bar">
		<ul>
		<li class="Active"><a href="index_1.html">Home</a></li>
                <li><a href="index_9.html">Dienstleistungen</a></li>
                <li><a href="index_2.html">Software</a></li>
                <li><a href="index_7.html">Hardware</a></li>
                <li><a href="index_8.html">Kontakt</a></li>
                <li><a href="index_11.html">AGB</a></li>
                <li><a href="index_.html">Impressum</a></li>
		</ul>
	</div>

CSS Code:

#Nav-Bar
{
	background-image: url(images/nav-bar.gif);
	background-repeat: repeat;
	height: 20px;
}
#Nav-Bar ul
{
	list-style-type:none;
	padding:0;
	margin: 0;	
}
#Nav-Bar ul li
{
	float: left;
	height: 20px;
	position:relative;
}
#Nav-Bar ul li a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 2px 9px 2px 9px;
	color:#000000;
	text-decoration:none;
	position: relative;
	background: url(images/nav-bar-trennung.gif) no-repeat right top;
}
#Nav-Bar ul li a:hover, .Active
{
	background: url(images/nav-bar-hover.gif) no-repeat right top;
}

 

[Maik]

Tausche mal für das li -Element die CSS-Eigenschaft height gegen line-height aus:

#Nav-Bar ul li
{
        float: left;
        line-height: 20px;
        position:relative;
}

 

[U-Wasser-Gehaeuse]

Funktioniert.
Dankeschön.

Und wieder um eine Erfahrung reicher.