I am a newbie developer and my unordered lists are being rendered differently in IE6 and NN7. IE6 seems to be adding space onto my ul's and NN7 doesn't. Is there a default value for margin and padding on a ul tag? I would like to be able to control that using CSS and the Tantek hack but I need to know the default values before I change anything. Is this specified anywhere?
One thing you have to watch for when dealing with IE6 and cross-browser compatibility when it comes to element dimensions is that older versions of IE calculated dimensions in a non-standard way. There's a KnowledgeBase document on this issue and I'll try to look up the URL for it later, but the good news is that you can handle the issue pretty painlessly by using a <!DOCTYPE> that includes both the standards label and a URL. If IE6 sees a <!DOCTYPE> with a URL, it calculates the dimensions in the standards-compliant method (as does NS6/7). If the <!DOCTYPE> has no URL or is missing, it reverts to the method supported by prior versions. You can get help with selecting <!DOCTYPE>s at [w3c.org....] Good luck!
I discovered this same issue. If you don't specify any changes to padding and margins on lists, then all the major browsers render everything looking pretty identical. However, IE and Opera achieve the default layout using a default "margin" with zero "padding", whereas Mozilla (and I assume NN) uses a default "padding" with zero "margin". So if you want to change anything the only safe way is to specify both padding AND margin.