[RESOLVED] white space in horizontal <ul>

[amberfrances]

any body know what i need to add to this CSS to get the 2px looking white space that sits to the left of each <li>?


<ul id="navlist">
<li><a href="index.html">Home</a></li>
<li><a href="about_us.html">About Us</a></li>
<li><a href="contact_us.html">Contact Us</a></li>
<li><a href="contact_us.html">Contact Us</a></li>
<li><a href="contact_us.html">Shipping Information</a></li>
<li><a href="contact_us.html">Return Policy</a></li>
<li style="border-right:none;"><a href="showcart.cfm">View Cart</a></li>
</ul>




#navlist li {
font-size: 12px;
font-family: Helvetica, Times, serif;
display: inline;
list-style-type: none;
padding-right: 10px;
padding-left: 10px;
border-right: 1px solid black;
background-color: #D5DED9;
}

[amberfrances]

nevermind, seems the fix to this was to apply a float:

float: left;

and a block

display: block;