Previous Message
Next Message

IE6 rendering of nested ul: three issues

Sent by Aleksandar Vacić on 19 April 2008 22:10


Darren Best wrote:
>    - Primary problem - nested lists don't display correctly, particularly
>    the 2nd line item beneath "Services" and "Workshops" (extra bottom padding,
>    hover quirks).  Curiously, nested list beneath "Resources" works fine!

	Use the float:left + some width, for IE6 only, to resolve this.

>    - Minor irritant - when the currently-displayed page is the "parent"
>    li of a nested list, the effect that shows which link is currently displayed
>    encases the nested list, as well.

	You need to explicitly override the nested list styles, to revert them 
back to original style. This is normal behavior of CSS. Child selector 
(li > a) would rid you of that problem, but IE6 is not supporting it.

>    - Minor irritant - The hover effect only works on the text of the line
>    item, rather than the entire "button" area.

	Known clickability problem, resolved in several ways -- the easiest 
being giving position:relative to a.

	For all these and many other problems, PiE is your friend. [1]

[1] http://www.positioniseverything.net/

-- 
AV
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
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/
Previous Message
Next Message

Message thread: