Mary Ellen Curtin wrote:
> Alan Gresley wrote:
>
>> I don't know why it happens but floating the list fixes the bug in IE7
>> and doesn't seem to effect other browsers.
>>
>>
>>
>> .menu ul, .menu li {
>> list-style:none;margin: 0;padding: 0;
>> float:left; /* ADD */
>> }
>
> Thanks, Alan. I've updated the test page:
> http://datagnostics.com/test/transparent.html
> to include this new example. It looks as though it's the combination of
> position:absolute with background:transparent that is giving IE7 the
> vapors. Have you (or anyone else) been able to test in IE6? Can you-all
> think of any other tests I could run?
>
> Mary Ellen
Hello Mary Ellen
The reason that float:left fixes the bug (only needed on the <li>) is
that this is a haslayout [1] trigger. A width would also do the same
job. The bug is present in IE7, IE6 and IE5.
I think that the bug is caused by the list and/or list items having an
intrinsic height since removing the all dimensions from the list <ul>
reverses the bug. In the reversed case the lower half of the anchor
flickers instead of the top half in your demonstration. The portion of
the anchor that flickers is related to browsers' text size setting. All
this IE weirdness is demo here.
<http://css-class.com/test/bugs/ie/flicker-transparent-background-hover.htm>
You are correct that position:absolute with background:transparent also
triggers the bug.
1. <http://www.satzansatz.de/cssd/onhavinglayout.html>
--
Alan http://css-class.com/
Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
http://www.wearechange.org/
______________________________________________________________________
css-discuss [[email protected]]
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/
