Opera Padding Issue

I'm working on a site and I got some padding issues that appear in Opera. (works fine in IE6, IE7 and FF btw)

What happens is that whatever padding I use, Opera seems to do some pixels less or what to say.
For the padding I use here, Opera always place the menu (links) 1 or 2 pixels higher then the other browsers. I haven't experiences this before..

#menu ul{
list-style:none;
width:100%;
margin:0;
padding:8px;
}

* html #menu ul{
width:97%;
}

#menu li{
display:inline;
}

#menu li a{
font:bold 11px Tahoma;
padding:8px;
color:#ffffff;
text-decoration:none;
margin:0;
}

#menu li a:hover{
background:#727272;
}

Code (markup):

There's the code.

Anyone knows what may cause this?
(The page is validated)

 

opera handles line-height weird on lists.

try setting a hard definition like

li { line-height: 2em; }

 

I almost never experience this kind of problem in Opera. Then again I always strip every element of their margins and padding via the universal selector, declare the font size to be 100% in the body, and then set the line height to 150% (like so: * { margin: 0; padding: 0; } body { font: 100%/150 Verdana, Arial, Helvetica, sans-serif; } ) before setting my container widths in EMs.

Just some brain food for thought.

 

Thanks guys, gonna try that and see if I can get it to work