Firefox compatable

[Guest]

Hi

My website is www.anezur.com

It is not firefox compatable.

This is the coding I believe need altering but I do not know how. If you know how to help or anywhere I could go to recieve help then please let me know.

Thanks

 

 

<!-- Top table with logo -->

<div id='imageLayer' class="topbanner_logo">

<IMG SRC="images/logo.gif">

</div>

<table width="100%" height="100%" border="0" align="center" valign=top cellpadding="0" cellspacing="0">

<tr><td valign=top>

<!--- top logo header --->

<table width="100%" border="0" cellspacing="0" cellpadding="0" class="topbanner1">

<tr id="row1">

<td align="left" width="273"><img src="images/az_top_left.gif"></td>

<td align="left" style='background-image: url("images/az_top_middle.gif"); background-repeat: repeat-x;'><table width="100%" class="expender_tb"><tr><td></td></tr></table></td>

<td align="right" width="169"><img src="images/az_top_right.gif"></td>

 

</tr>

</table>

<table width="100%" border="0" cellspacing="0" cellpadding="0" class="topbanner2">

<tr id="row2">

<td align="left" width="35"><img src="images/az_nav_left.gif"></td>

<td align="left" style='background-image: url("images/az_nav_middle.gif"); background-repeat: repeat-x;'><div class="date_location">

Tuesday 26 July, 2005</div>

<div id='menu_text1'>Home</div>

<div id='menu_text2'>Contact Us</div>

<div id='menu_text3'>Login</div>

 

<div id='menu_text4'>Logout</div>

<div id='menu_text5'>Members</div>

<div id='menu_text6'>Your Cart</div>

<div id='menu_text7'>Checkout</div>

</td>

<td align="left" style='background-image: url("images/az_nav_middle.gif"); background-repeat: repeat-x;'>

 

<table border="0" cellspacing="0" cellpadding="0" align="right" class="menubuttons">

<tr>

<td><a onmouseover="home.src='images/az_bt_homea.gif';showdiv('menu_text1');"

onmouseout="home.src='images/az_bt_home.gif';hidediv('menu_text1');"

href="http://anezur.com/catalog/index.php" class="headerNavigation" alt="Home"><img border=0 name=home src='images/az_bt_home.gif'></a></td>

<td><a onmouseover="aboutus.src='images/az_bt_aboutusa.gif';showdiv('menu_text2');"

onmouseout="aboutus.src='images/az_bt_aboutus.gif';hidediv('menu_text2');"

href="http://anezur.com/catalog/contact_us.php" alt="Contact Us" class="headerNavigation"><img border=0 name=aboutus src='images/az_bt_aboutus.gif'></a></td>

<td><a onmouseover="members.src='images/az_bt_membersa.gif';showdiv('menu_text5');"

onmouseout="members.src='images/az_bt_members.gif';hidediv('menu_text5');"

href="http://anezur.com/catalog/account.php" class="headerNavigation" alt="Members Area"><img border=0 name=members src='images/az_bt_members.gif'></a></td>

<td><a onmouseover="imglogout.src='images/az_bt_logina.gif';showdiv('menu_text3');"

onmouseout="imglogout.src='images/az_bt_login.gif';hidediv('menu_text3');"

href="http://anezur.com/catalog/login.php" class="headerNavigation"><img border=0 name=imglogout src=images/az_bt_login.gif></a></td>

<td><a onmouseover="yourcart.src='images/az_bt_yourcarta.gif';showdiv('menu_text6');" onmouseout="yourcart.src='images/az_bt_yourcart.gif';hidediv('menu_text6');"

href="http://anezur.com/catalog/shopping_cart.php" class="headerNavigation" alt="Your cart"><img border=0 name=yourcart src='images/az_bt_yourcart.gif'></a></td>

<td><a onmouseover="checkout.src='images/az_bt_checkouta.gif';showdiv('menu_text7');" onmouseout="checkout.src='images/az_bt_checkout.gif';hidediv('menu_text7');"

href="http://anezur.com/catalog/checkout_shipping.php" class="headerNavigation" alt="Checkout"><img border=0 name=checkout src='images/az_bt_checkout.gif'></a></td>

</tr>

 

</table>

</td>

</tr>

</table>

[stardust]

I?m using Firefox and opened it, everything seems ok, there's a prob with your banner, it's sliced.

[Guest]

would you know how I could go about fixing that.

[abra123cadabra]

would you know how I could go about fixing that.

 

 

Hi James,

 

the error is at the top of the file in the css part.

 

Find:

 

div#menu_text1{visibility:hidden; position:absolute; left:650; top:135; color:#C8292A; font-weight: bold;};

div#menu_text2{visibility:hidden; position:absolute; left:650; top:135; color:#C8292A; font-weight: bold;};

div#menu_text3{visibility:hidden; position:absolute; left:650; top:135; color:#C8292A; font-weight: bold;};

div#menu_text4{visibility:hidden; position:absolute; left:650; top:135; color:#C8292A; font-weight: bold;};

div#menu_text5{visibility:hidden; position:absolute; left:650; top:135; color:#C8292A; font-weight: bold;};

div#menu_text6{visibility:hidden; position:absolute; left:650; top:135; color:#C8292A; font-weight: bold;};

div#menu_text7{visibility:hidden; position:absolute; left:650; top:135; color:#C8292A; font-weight: bold;};

 

and replace with this:

 

div#menu_text1{visibility:hidden; position:absolute; left:650; top:135; color:#C8292A; font-weight: bold;}

div#menu_text2{visibility:hidden; position:absolute; left:650; top:135; color:#C8292A; font-weight: bold;}

div#menu_text3{visibility:hidden; position:absolute; left:650; top:135; color:#C8292A; font-weight: bold;}

div#menu_text4{visibility:hidden; position:absolute; left:650; top:135; color:#C8292A; font-weight: bold;}

div#menu_text5{visibility:hidden; position:absolute; left:650; top:135; color:#C8292A; font-weight: bold;}

div#menu_text6{visibility:hidden; position:absolute; left:650; top:135; color:#C8292A; font-weight: bold;}

div#menu_text7{visibility:hidden; position:absolute; left:650; top:135; color:#C8292A; font-weight: bold;}

 

All selectors had a ; after the closing } which IE forgives but Firefox not.

 

abra