By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
438,445 Members | 1,160 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 438,445 IT Pros & Developers. It's quick & easy.

Strange IE6 List behavior

P: n/a
I'm having a issue with IE6...suprise suprise which I can't seem to figure
out. I've got a list of links contained within a div tag like so:

<div id="navigation">
<ul id="mgi_navigation">
<li><a href="foobar"></a></li>
<li><a href="foobar"></a></li>
</ul>
</div>

I have the following in my style sheet:

* {
margin: 0px;
padding: 0px;
}

div#navigation {
visibility: visible;
position: absolute;
left: 30px;
top: 103px;
right: auto;
bottom: auto;
z-index: 4;
background-color: #77F9F9;
}

ul#mgi_navigation {
list-style-type: none;
list-style-position: inside;
}

Now Firefox, Mozilla and Netscape all render the list with no padding
between the DIV tag's bounding box and the left side of the list. However
IE6 is putting about a 20px padding in between the left side of the list
items and the left side of the DIV tags bounding box. Has anyone seen this
before? Does anyone know how to correct this so that the left side of the
list is hard against the left side of the DIV?

Thanks for all suggestions,
Theo
Jul 20 '05 #1
Share this Question
Share on Google+
2 Replies


P: n/a
Theodore A. Jencks wrote:
I'm having a issue with IE6...suprise suprise which I can't seem to
figure out. I've got a list of links contained within a div tag like
so:

ul#mgi_navigation {
list-style-type: none;
list-style-position: inside;
}

replace this...
list-style-position: inside;
with this...
list-style-position: outside;

Jul 20 '05 #2

P: n/a
"Disco Octopus" <di****************@yahoo.com> wrote in message
news:yF******************@news.optus.net.au...
Theodore A. Jencks wrote:
I'm having a issue with IE6...suprise suprise which I can't seem to
figure out. I've got a list of links contained within a div tag like
so:

ul#mgi_navigation {
list-style-type: none;
list-style-position: inside;
}

replace this...
list-style-position: inside;
with this...
list-style-position: outside;


Duh! Should have known to try that, thanks much for the help.
Regards,
Theo


Jul 20 '05 #3

This discussion thread is closed

Replies have been disabled for this discussion.