Mouse Over Problem in FF

[karthickassistanz]

Hi,
I have prblem on mouse over in Firefox.
Link
Please visit this url in firefox and IE.
1. Go to the main menu and keep the mouse on About us,Membership.

2.The projection comes out above the image in IE but in FF it comes below the image.In FF also it should come above the image.Can anyone help me in this issue.

[drhowarddrfine]

Actually, this is a bug in IE that I've seen twice before and I never remember how to fix it. I'll look at it but it's an easy fix. It just might take me a while to remember. It's a little tricky to figure out, iirc.

EDIT: So, I'll be gone the rest of the day.

[karthickassistanz]

Thanks for replying for my post.I have to fix this issue soon.So kindly can you help me to fix this issue today.

[karthickassistanz]

This is my html file
[HTML]<div class="colA2">
<div class="welcome">

<!--starting colA2 div-->

<!--starting welcome div-->
<!--<div class="txt111">
<div class="picA"><img src="images/picA.jpg" width="81" height="55" hspace="0" /></div>
<div class="headWhite">Welcome to GNI</div>
</div>
<div class="spacer"><img width="1" height="5" hspace="0" src="images/spacer.gif" /></div>
<div class="txt111">If you've read anything at all about Content Management Systems (CMS), you'll probably know at least three
things.</div>
<div class="spacer"><img width="1" height="12" hspace="0" src="images/spacer.gif" /></div>
<div class="txt111">Joomla! is set to change all that ... Joomla! is different from the normal models for portal software.
For a start, it's not complicated. Joomla! has been developed for the masses.</div>-->
<a name="content"></a>
<table class="blog" cellpadding="0" cellspacing="0"><tbody><tr><td valign="top"><div> <table class="contentpaneopen">
<tbody><tr>
<td class="contentheading" width="100%">
Welcome to GNI! </td>
</tr>
</tbody></table>

<table class="contentpaneopen">
<tbody><tr>
<td colspan="2" valign="top">
<div class="txt111"><div class="picA"><img src="index.php_files/picA.jpg" alt=" " height="55" width="81"></div><div class="headWhite"><br></div></div><div class="spacer"><img src="index.php_files/spacer.htm" alt="" height="5" width="1"></div><div align="left"><div class="txt111" style="color: rgb(255, 255, 255); font-family: Arial,Helvetica,sans-serif;"><div align="left">Welcome
to our new and improved site! We hope you enjoy our new look and find
it an entertaining place with valuable tools, and hot men.</div></div></div><div class="spacer"><img src="index.php_files/spacer.htm" alt="" height="12" width="1"></div><div align="left"><div class="txt111" style="color: rgb(255, 255, 255); font-family: Arial,Helvetica,sans-serif;"><div align="left">We're
excited to be offering members enhanced features on our website.&nbsp;
Soon, you'll find additional services that will make you wanting to
keep coming&nbsp;back often.&nbsp; </div></div></div> </td></tr><tr>
<td colspan="2" align="left">
<a href="http://www.faraz.server4sale.com/joomla_first/index.php?option=com_content&amp;task=view&amp;id= 1&amp;Itemid=1" class="readon">
Read more...</a>
</td>
</tr>



</tbody></table>

<span class="article_seperator">&nbsp;</span>

</div></td></tr><tr><td valign="top"><table cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td valign="top" width="50%"> <table class="contentpaneopen">
<tbody><tr>
<td class="contentheading" width="100%">
Newsflash 1 </td>
</tr>
</tbody></table>

<table class="contentpaneopen">
<tbody><tr>
<td colspan="2" valign="top">
Joomla! 1.0 - 'Experience the Freedom'!. It has never been easier to
create your own dynamic site. Manage all your content from the best CMS
admin interface. </td>
</tr>
</tbody></table>

<span class="article_seperator">&nbsp;</span>

</td><td valign="top" width="50%"> <table class="contentpaneopen">
<tbody><tr>
<td class="contentheading" width="100%">
Newsflash 2 </td>
</tr>
</tbody></table>[/HTML]

This is my css file

.welcome{float:left; height:240px; overflow:hidden;}
.welcome1{float:left; width:auto;}

.txt111{float:left; width:190px; font:11px tahoma; color:#ACC7DD;}
.txt112{float:left; width:190px; font:10px tahoma; color:#ACC7DD;}
.picA{float:left; width:89px;}
.picA img{border:1px solid #A0A0A0;}
.headWhite{float:left; font-weight:bold; font-size:15px; color:#FFFFFF;}

[karthickassistanz]

Hi,
I got the answer for my post.

The answer is that i removed the overflow:hidden in the div tag of the main menu and now the problem got solved.So now the mouse over is same in both the browsers in IE and FF.