|
|
Posted by omeldoid on 05/15/06 17:33
it's really frustrating. the following code works in firefox, but in ie
(version 6.something) moving over a link hides some of the content on
the page. one of the solutions is to remove a style declaration for the
link! can somebody help me, please, i fail to see the error, if it's on
my side. or is it yet another of those nasty bugs?
thanks,
andrej
the code:
<html>
<head>
<style>
a:hover { border-bottom: solid red 1px }
#placeholder { width: 715px; }
#textl, #textm, #textr { width: 200px; }
#textl { float: left; }
#textr { float: right; }
#box { border: solid red 2px }
</style>
</head>
<body>
<div id="placeholder">
<div>
<div>
<a href="xxx">MALICIOUSLINK</a>
</div>
<div id="box">
<p>WEIRD BEHAVIOUR</p>
<p>when you move the cursor over the link above,
some text from below gets hidden.</p>
<p>
1) if this div is deleted, it starts working<br>
2) if the style declaration for a:hover is deleted,
it starts working<br>
3) if the text at right is the longest, it also
works
</p>
</div>
<div id="textl">
LEFT<p>
asdf asdf asdf as fdas fda sdf asdf as dfa sdf asd
fa sdf as dfa sdf as df asdf a sdf asd fa sdf
asdf asdf asdf as fdas fda sdf asdf as dfa sdf asd
fa sdf as dfa sdf as df asdf a sdf asd fa sdf
asdf asdf asdf as fdas fda sdf asdf as dfa sdf asd
fa sdf as dfa sdf as df asdf a sdf asd fa sdf
asdf asdf asdf as fdas fda sdf asdf as dfa sdf asd
fa sdf as dfa sdf as df asdf a sdf asd fa sdf
asdf asdf asdf as fdas fda sdf asdf as dfa sdf asd
fa sdf as dfa sdf as df asdf a sdf asd fa sdf
asdf asdf asdf as fdas fda sdf asdf as dfa sdf asd
fa sdf as dfa sdf as df asdf a sdf asd fa sdf
asdf asdf asdf as fdas fda sdf asdf as dfa sdf asd
fa sdf as dfa sdf as df asdf a sdf asd fa sdf
asdf asdf asdf as fdas fda sdf asdf as dfa sdf asd
fa sdf as dfa sdf as df asdf a sdf asd fa sdf
asdf asdf asdf as fdas fda sdf asdf as dfa sdf asd
fa sdf as dfa sdf as df asdf a sdf asd fa sdf
asdf asdf asdf as fdas fda sdf asdf as dfa sdf asd
fa sdf as dfa sdf as df asdf a sdf asd fa sdf
asdf asdf asdf as fdas fda sdf asdf as dfa sdf asd
fa sdf as dfa sdf as df asdf a sdf asd fa sdf
asdf asdf asdf as fdas fda sdf asdf as dfa sdf asd
fa sdf as dfa sdf as df asdf a sdf asd fa sdf
asdf asdf asdf as fdas fda sdf asdf as dfa sdf asd
fa sdf as dfa sdf as df asdf a sdf asd fa sdf
asdf asdf asdf as fdas fda sdf asdf as dfa sdf asd
fa sdf as dfa sdf as df asdf a sdf asd fa sdf
asdf asdf asdf as fdas fda sdf asdf as dfa sdf asd
fa sdf as dfa sdf as df asdf a sdf asd fa sdf
asdf asdf asdf as fdas fda sdf asdf as dfa sdf asd
fa sdf as dfa sdf as df asdf a sdf asd fa sdf
asdf asdf asdf as fdas fda sdf asdf as dfa sdf asd
fa sdf as dfa sdf as df asdf a sdf asd fa sdf
asdf asdf asdf as fdas fda sdf asdf as dfa sdf asd
fa sdf as dfa sdf as df asdf a sdf asd fa sdf
asdf asdf asdf as fdas fda sdf asdf as dfa sdf asd
fa sdf as dfa sdf as df asdf a sdf asd fa sdf
asdf asdf asdf as fdas fda sdf asdf as dfa sdf asd
fa sdf as dfa sdf as df asdf a sdf asd fa sdf
</div>
<div id="textm">
MIDDLE<p>
asdf asdf asdf as fdas fda sdf asdf as dfa sdf asd
fa sdf as dfa sdf as df asdf a sdf asd fa sdf
asdf asdf asdf as fdas fda sdf asdf as dfa sdf asd
fa sdf as dfa sdf as df asdf a sdf asd fa sdf
asdf asdf asdf as fdas fda sdf asdf as dfa sdf asd
fa sdf as dfa sdf as df asdf a sdf asd fa sdf
asdf asdf asdf as fdas fda sdf asdf as dfa sdf asd
fa sdf as dfa sdf as df asdf a sdf asd fa sdf
asdf asdf asdf as fdas fda sdf asdf as dfa sdf asd
fa sdf as dfa sdf as df asdf a sdf asd fa sdf
</div>
<div id="textr">
RIGHT<p>
foo foo foo foo fo foo foo foo foo foo foo foo foo
foo foo foo foo foo foo foo foo foo foo foo
</div>
</div>
</div>
</body>
</html>
Navigation:
[Reply to this message]
|