Rotating header image hides navigation menu in FF and Chrome but shows in IE7

Hi,

This happens in a page my friend is designing for a client and I’m helping him out as copywriter. Chk this url:

http://www.linkinablink.com/nalukettu2/index.html

There are 3 header images that rotate…the navigation menu comes at the bottom of the header image (on the blue strip)…as an overlay on the header image.

The navigation menu displays in IE7…but does not in FF and Chrome.

Tried googling for a solution…not much luck…is there any workaround for this?

Thanks

The html:

<div id="header">
      <script type="text/javascript">//new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder)
new fadeshow(fadeimages, 1000, 321, 0, 5000, 0, "R")</script>
      <ul id="menu">
        <li>
          <a href="index.html">Home</a>
        </li>
        <li>
          <a href="aboutus.html">About Us</a>
        </li>
        <li>
          <a href="services.html">Services</a>
        </li>
        <!--<li>
          <a href="news.html">News</a>
        </li>-->
        <li>
          <a href="contact.html">Contact Us</a>
        </li>
      </ul><!-- end menu -->
                </div> <!-- end header -->

and the CSS:

#header{
width:1000px;
height:321px;
margin:0 auto;
background-position:top left;
background-repeat:no-repeat;
position:relative;
}

#menu{
position:absolute;
top:240px;
left:23px;
}
#menu li, #forum li{
list-style-type:none;
float:left;
margin:0 20px 0 0
}
#menu a, #forum a{
background-image:url(images/circle.gif);
background-position:0px 4px;
background-repeat:no-repeat;
font-family:Arial;
font-size:12px;
color:#c1e0ff;font-weight:bold;
text-decoration:none;
padding:0 0 0 14px
}

#menu a:hover{background-image:url(images/circle2.gif);background-position:0px 4px;background-repeat:no-repeat;font-family:Arial;font-size:12px;color:#86bf4a;font-weight:bold;text-decoration:none;padding:0 0 0 14px}

Thanks for the reply…it was fixed…the speed of the javascript fade in fade out effect was rendering the navigation menu invisible.

I realy don’t know what you mean. The menu showes okay for me in both FF and Chrome?

Anyway :slight_smile: It’s solved thats the most important