# List Item height problem in Safari

**URL:** <https://forum.kirupa.com/t/list-item-height-problem-in-safari/189835>\
**Category:** web dev\
**Created:** [June 6, 2006, 3:21pm UTC](https://forum.kirupa.com/t/list-item-height-problem-in-safari/189835 "2006-06-06T15:21:08Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![paulieb13](https://avatars.discourse-cdn.com/v4/letter/p/7bcc69/32.png) [@paulieb13](https://forum.kirupa.com/u/paulieb13)\
**Post date:** [June 6, 2006, 3:21pm UTC](https://forum.kirupa.com/t/list-item-height-problem-in-safari/189835/1 "2006-06-06T15:21:08Z")

</div>

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:

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

```

My CSS looks like this:

```auto

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