Dermot Ward wrote:
> Hi Bobby,
>
> Thank you very much for your help.
>
> Please excuse my typo where I inadvertantly put 'class' instead of 'one'.
>
> Your solution below solves the main problem, it stops the bold style
> being applied to the nested list in IE7.
>
> <ul>
>
> <li class="one">One</li>
> <li>
> <ul>
> <li class="two">One A</li>
> <li class="two">One B</li>
> <li class="two">One C</li>
> </ul>
> </li>
> </ul>
>
> However IE7 now inserts a gap between the first li and the second ul.
>
>
>
> * One
> *
> o One A
> o One B
> o One C
>
> I'll play around with this later this evening.
> And thanks for the info on ul and child elements.
>
> Kind regards..........Dermot.
Hello Dermot,
You must now set a width or zero of the margin-left that IE7 has for the
descendant child <ul> element. Something like this.
ul ul { margin-left: 0; }
or
ul ul { margin-left: 10px; }
Please note that Firefox, Opera, Safari and IE8 do not have a default
margin-left on <ul> elements but rather a padding-start. See defaults on
this table [1] for both <ul> and <li>. This demo [2] may help you see
how IE7 or earlier have different defaults properties for list.
1. <http://css-class.com/test/css/defaults/UA-style-sheet-defaults.htm>
2. <http://css-class.com/test/css/defaults/unordered-list-nested.htm>
--
Alan http://css-class.com/
Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
