List Item height problem in Safari

programming web dev
1

I’m developing a horizontal navigation bar for a site and I’m having a bit of trouble with getting the css to perform correctly in Safari.

My structure looks like this:

<ul>
    <li><a href="#">link name</a></li>
</ul>

My CSS looks like this:


ul{
position:relative;
width:326px;
top:0px;
height:20px;
padding-top:5px;
}
ul li{
display:inline;
padding:10px 10px 10px 10px;
margin-bottom:10px;
margin-left:0px;
}
a:link, a:active, a:visited{
color:#0a2163;
text-decoration:none;
height:130px;
}
a:hover{
text-decoration:underline;
}

I have it working perfectly in Firefox (Win and OSX), and IE6 (Win), but I can not apply a padding to the List Items in Safari. They are only the height of the text of the links. I would like a padding of 10 all around. Any ideas?

TIA,
Paul