When attempting to make lists horizontal and hide default bullets, is it necessary to apply {display:inline} and {float:left} to both the <li> tags or would just one of these properties suffice?
<ul>
<li><a href="#">First item</a></li>
<li><a href="#">item 2</a></li>
<li><a href="#">item 3</a></li>
<li><a href="#">item 4</a></li>
<li><a href="#">Last item</a></li>
</ul>
What is the most effective way to create a cross-browser (including IE6 and FF2), pixel-perfect horizontal list without bullets?
Is there a simple and efficient method to achieve this layout?
ul {}
li {}
a {}