Why does this look wrong in IE?

Hello,

Please can you have a look at http://www.kidsinaction.org.uk/x/ and tell
me what I've done wrong.

If you look at it in FireFox, it looks how I would like, with the links
in the left margin being slightly away from the left edge of the white
background.

If you look at this page in IE6 or IE7 (not checked any others), these
links are too far left. In IE6, the part of the link text that goes over
the left margin is not shown, so you only see the end of the link text.
In IE7, the full link text is visible, but it's too far left.

The HTML and CSS are both valid, and I'm not sure what's going wrong
here. Any help would be gratefully appreciated.

Thanks

--
Alan Silver
(anything added below this line is nothing to do with me)

Alan Silver wrote:

http://www.kidsinaction.org.uk/x/

If you look at this page in IE6 or IE7 (not checked any others), these
links are too far left.

You must set both left margin and padding values if you want consistency
across browsers. Both the left indent and bullet placement are affected
differently.

try
ul {margin-left:0; padding-left:20px}

or thereabouts.

--
Berg

In article <66kaqgF2kfl66U1 (AT) mid (DOT) individual.net>, Bergamot
<bergamot (AT) visi (DOT) com> writes

Alan Silver wrote:

http://www.kidsinaction.org.uk/x/

If you look at this page in IE6 or IE7 (not checked any others), these
links are too far left.

You must set both left margin and padding values if you want consistency
across browsers. Both the left indent and bullet placement are affected
differently.

try
ul {margin-left:0; padding-left:20px}

or thereabouts.

Thanks, that's great ;-)

--
Alan Silver
(anything added below this line is nothing to do with me)