[jonnekke]

Hi..

I got a <ul> with several <li> in it.. I styled them with the following CSS:

#footer  { width: 873px; height: 87px; float: left; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 45px; text-align: left; background:url(../images/tandwiel_onder.png) 30px 7px no-repeat; }

#footer ul { list-style: none; margin:10px 0px 5px 50px; padding: 0px 0px 0px 0px; }
#footer ul li { display:inline; margin:0px 0px 0px 0px; padding: 0px 5px 0px 5px; background:url(../images/separator_footer.png) no-repeat 100% 50%; font-size: 10px; color: #636161; border:1px solid #ff00ff; }
#footer ul li.first { padding: 0px 5px 0px 0px; margin:0px 0px 0px 0px; }
#footer ul li.last { background:none; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

But somehow there is a white space between the <li>. I thought I set them exact next to eachother.
Can someone help me out here?.

_j

[jonnekke]

after a lot of searching it figured it out...
the li should get a float:left property.

[rid]

dear jonnekke, you re-arrange your <li>

e.g.:

  <ul>
    <li>list one</li><li
    >list two</li><li
    >list three</li>
   </ul>