Question

I have a UL that I am using to horizontally display LIs

I would like to have every LI after the first one overlap the previous LI by 20 pixels. I tried applying left:-20px; to all LIs after the first one but this only appears to apply the desired formatting to one of the LIs.

You can see what I currently have here:

http://jsfiddle.net/dp9YD/1/

Any suggestions for getting the Third and Fourth LIs from my example moved over?

Answer 1

You should use margin-left instead of left

.notFirst
{
     margin-left:-20px;   
}