Another CSS Problem: IE vs Firefox

[magictree]

Hi, I've a positioning problem where the two browsers are off by a few pixels. Here's a screenie:

http://img249.imageshack.us/img249/1788/problemjd.png

(no the words won't actually be under the arrow, but this way for you to see the relative differences it's easier)

I've tried both margin-top and absolute/top properties. Right now, the list's not styled at all.

Common problem? Or more data needed?

Thanks,
magictree

 

[PixelPusher]

Couple thoughts....try a css reset on the lists

ul,li {
margin:0;
padding:0;
}

This clears all default values. Now you can reliably add you own.

Second,
the text that is in the list items, it that just text or is it in a child element like a paragraph or a heading tag? If it is in a child element, then it could be the default styles that are causing that inconsistency. Browsers differ in their default values. One solution to this is to add the child element (p, h2, span, etc.) to the reset above.