div content transparent in firefox

http://www.partnerspa.com.au/div.htm
How can I prevent text content of the 'behind' div from showing in FireFox
It doesn't show in IE

<div style="border:1px solid #000; background-color:#CCCCCC; height:50px; width:50px">
this<br/>
is<br/>
behind
</div>
<div style="border:1px solid #000; background-color: #FFFFCC; text-align:right; height:200px; width:200px; margin-top:-40px">
front
</div>
joomlaAsked:
Who is Participating?
 
Tom BeckConnect With a Mentor Commented:
Here's one way:
<div style="border:1px solid #000; background-color:#CCCCCC; height:50px; width:50px;">
this<br/>
is<br/>
behind
</div>
<div style="position:relative; top:-30px; left:3px; border:1px solid #000; background-color: #FFFFCC; text-align:right; height:200px; width:200px;">
front
</div>

Open in new window

0
 
joomlaAuthor Commented:
brilliant
0
 
joomlaAuthor Commented:
exactly what i wanted
0
 
Tom BeckCommented:
Thanks.
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.