[RESOLVED] <LI> left margin in FF

[bokeh]

http://bokehman.com/

On the above page in the left column there is an unordered list (latest referals). I have coloured the <UL> green and the <LI>s red to demonstrate the problem. For some reason in Firefox there is a large left margin which does not exist in Internet Explorer. Where is it coming from?

[Taschen]

Thought I had it but I was wrong. ie ignore the following it makes no sense): while you have defined ul list type none, you would also need to define #referer ul list type none

[bokeh]

Anyone else any ideas?

[WebJoel]

This might help:

http://www.communitymx.com/content/article.cfm?page=2&cid=01DB3

Interesting that it shows this in Fx and not IE.
I have another URL regarding <ul> and mysterious 'padding' where bullets should be, but aren't. I'll try to find that.

I can get rid of the green in Firefox (sort of...) with this:

#referer ul{
/*margin: 0 10px 15px 0px;*/
height:100%;
background-color:green;
display:inline;
}

but the whole thing 'moves to the right' in IE (with no green present). Maybe a hack for IE would solve this(?). (not time enough to continue, -will revisit later) :)

[ray326]

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

[bokeh]

Thanks Ray. Originally I had it:
ul { margin:0 }
li { margin:0;padding:0 }which didn't work, so the difference between the defaults of the two browsers must be the padding on the <UL>.

[ray326]

Yea, the spec doesn't say so some use margin, some use padding.