CSS / Layers not working the same IE and Firefox

I need to display a layer on the right of the screen. It works perfectlly in IE, but not in firefox, anybody knows why ???

<table width="100%"><tr>
<td align="right" class="tdmiddle" onmouseover="document.getElementById('Pop1').style.display='inline';">My popup</td>
</tr></table>
<div style="z-index:1; position:relative; top:0px; right:0px; display:none;" id="Pop1">
<div style="z-index:2; position:absolute; top:0px; right:0px; ">
bla bla bla bla bla bla bla bla bla <br>
bla bla bla bla bla bla bla bla bla <br>
bla bla bla bla bla bla bla bla bla <br>
bla bla bla bla bla bla bla bla bla <br>
bla bla bla bla bla bla bla bla bla <br>
bla bla bla bla bla bla bla bla bla <br>
bla bla bla bla bla bla bla bla bla <br>
bla bla bla bla bla bla bla bla bla <br>
bla bla bla bla bla bla bla bla bla <br>
bla bla bla bla bla bla bla bla bla <br>
bla bla bla bla bla bla bla bla bla <br>
bla bla bla bla bla bla bla bla bla <br>
</div></div>
javilmerAsked:
Who is Participating?
 
VirusMinusCommented:
try onmouseover="document.getElementById('Pop1').style.display='block';"
0
 
VirusMinusCommented:
use the strict DOCTYPE at the top of your page.

there is no neeed of position
:relative and top:0; right:0; only position:relative is enough. unless you have other positioning applied to parents that I can't see in your souce.

and you have display:none on the outer div. which means its children will also inherit display:none; remove this and it should work.
0
 
javilmerAuthor Commented:
- I can't remove the diplay none because by default this is not supposed to display, only when the user puts his mouse on the "my popup".
- When I take out position :relative and top:0; right:0; the bla bla bla text recovers the my popyp, which I don't want, I want it below (just like it works with IE, which is perfect).
0
 
javilmerAuthor Commented:
it does work perfect with block instead of inline. Thank you very much :)
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.