The SitePoint Forums have moved.

You can now find them here.
This forum is now closed to new posts, but you can browse existing content.
You can find out more information about the move and how to open a new account (if necessary) here.
If you get stuck you can get support by emailing forums@sitepoint.com

If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

Oh, I see. The thing is, I don't need the 1px in the margin, so it can basically just be "margin: 0". When I tried your solution the first time, I got rid of the "margin:" attribute and added the "padding:" attribute, hence it didn't work.

If you set margin to 0, does it still work in Mozilla? And do you HAVE to have the padding:0 to make it look right in Mozilla?

Thanks for all your help!

SPF Mentor/Advisor2001-2003SPF Designer of the Year2002SPF Graphic Designer of the Year2003AdamPolselli.com

Excuse me for using your code as a demonstration, and to be honest I love this effect, never seen it and have been looking for something similar for ages...

Now I have three seperate menu systems setup, and they look spectacular in Mozilla, in Opera look semi-ok (the display:none/display:inline does not work) and in IE5 it works perfectly, BUT IE6 ruins it completely, so not sure what the problem is but if you can check it with Mozilla it looks good

Hopefully one of the other resident CSS'ers will be able to step in and explain what is causing this problem...

Sorry I cant help anymore, but I cannot for the life of me work out what is wrong...

Why are you copying Dan Bogan's (waferbaby) and Zeldman's menu? Certainly you can come up with something on your own? (If you are just trying to learn to apply it in a different look, I can understand.)

If you were going to copy it, why didn't you just cut and paste his source and style sheet?

fo rthose older browsers otherwise they will hate the margin property (just use them around the margin: and padding: part it won't effect anything else just ignored by older browsers)

hartmurmur - its a technique that I have seen throughout mine were done using javascript although I also have them in dhtml.. its a simple and effective menu system, its more how they created them that will be different rather than a blatent copy.