> I have the following code:
>
> <?xml version="1.0" encoding="UTF-8"?>
This throws MSIE into quirksmode, just don't use it.
> </html>
>
> When examined on Firefox, the red border goes well outside of the blue border.
>
> When examined on IE, the red border appears to be the proper width but expands
> the blue box (interestingly, the bullet is lost when the border is added).
>
> I am guessing that the problem for both of these is the bullet to the left (or
> at least, where it "should" be).
>
> I can compensate for this in Firefox by adding
> "list-style:none;margin-left:-41px;" to the ul, but this loses the text in IE.
lists have a preset margin and padding in each browser (as the browser
adds an own "internal" style sheet. Therefore you need to set all
margin and padding to 0:
ul,li{margin:0;padding:0;list-style-type:none;text-indent:0;}
Then you can add as needed. If you want to set a padding and a width
to the li or the ul remember that proper browsers add the padding to
the width. This means that if you want a 10px padding on each side and
set the containing DIV to 170px you need to set the width of the LIs
to 150px.
--
Chris Heilmann
Blog: http://www.wait-till-i.com
Writing: http://icant.co.uk/
Binaries: http://www.onlinetools.org/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
