Gabriele Romanato wrote:
> Hi all!
> Please read the latest two posts on IE7 on my blog and tell me if I
> stumbled on something that's well-documented or not. Can you make up a
> static test? I used JavaScript to create spans in the following
> structure:
>
> <ul id="navigation">
> <li><a href=""><span>Link</span></a></li>
> </ul>
>
> Try to apply some styles to :hover: nothing happens to links, but they
> maintain the same styles specified before. thanks in advance.
>
> ps. the solution is to specify styles for the span elements.
>
> G. ^^
Hello Gabriele.
This is only one of the solutions. IE7 has trouble with :hover when an
element does not have hasLayout. You didn't mention which element the
hover transition is applied too. Is it the <li> or the <a>?
What styles for the <span> element is needed for your solution? The
below hasLayout trigger could be another solution.
*:first-child+html #navigation a,
*:first-child+html #navigation span {
min-height:1%;
}
Here are some explanations.
<http://www.satzansatz.de/cssd/onhavinglayout.html#link>
<http://www.brunildo.org/test/IEABlock1.html>
<http://www.brunildo.org/test/IEul1.html>
--
Alan http://css-class.com/
Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
______________________________________________________________________
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/
