i need firefox users to check this

[DJMK4]

Click the following link

http://www.caldicot-pc-helpdesk.co.uk/fcv2/index.htm

when you rollover the top menu items, the menu should expand, move the mouse down over the submenu items (link1, link2, link3 etc) can you do this??

Thanks

 

[DJMK4]

does not work on my comp iv got version 1.0.2

anyone think why this maybe?? its not too much of a problem because its being designed as a uni project and they view in IE but they may get me on accessability grounds..

here is the css

/* CSS Document for FCV */

body {
background-image:url(Images/background.jpg);
}

div#container {
position: absolute;
background-color:#ffffff;
margin-left: 50px;
margin-top: 50px;
width: 901px;
height: 500px;
}

*html div#container {
position: absolute;
margin-top: 20px;
}


div#banner {
position: absolute;
background-image: url(Images/banner.jpg);
height: 85px;
width: 895px;
margin-left: 2px;
margin-right: 2px;
margin-top: 2px;
margin-bottom: 2px;
border: 1px solid black
}


div#content {
height: 360px;
width: 895px;
position: absolute;
background-color:#666666;
margin-top: 113px;
margin-bottom: 2px;
margin-left: 2px;
margin-right: 2px;
border: 1px solid black;
overflow:auto;
z-index: 1;
}

div#navigation {
position: absolute;
background-image:url(Images/menu.jpg);
margin-left: 2px;
margin-right: 2px;
margin-top: 90px;
width: 895px;
height: 20px;
border:1px solid black;
z-index: 2;
}







div#footer {
position: absolute;
background-color: #666666;
height: 20px;
width: 895px;
margin-top: 476px;
margin-bottom: 2px;
margin-left: 2px;
margin-right: 2px;
border: 1px solid black;
}

ul#nav {
  padding: 0;
  margin: 0;
  list-style: none;

  }
  
  li {
  float: left;
  position: relative;
  width: 10em;
  border-bottom: 1px solid #000000;
border-right: 1px solid #000000;
color:#FFFFFF;
text-align: center;

  }
  
  li ul {
  display: none;
  position: absolute; 
  top: 1em;
  left: 0;
  border-top: 1px solid #000000;
border-left: 1px solid #000000;
background-image:url(Images/menu.jpg);

  
  }
  
  li > ul {
	top: auto;
	left: auto;
	}
	
	li:hover ul, li.over ul{ display: block; }

	
	
a {text-decoration:none;
color:#FFFFFF;
}
a:hover {
color:#FF0000;
}

cant think what would be causing the conflict?

 

[DJMK4]

why is it complaining about this

*html div#container { position: absolute; margin-top: 20px; }

in the css validator?

i used this line to pass the error through the difference in box models between IE and Firefox

Im assuming that the problem with the menu working in firefox is down to a css issue..

 

[DJMK4]

Well my css has been validated sucsessfully, and i cant see how it could be a problem with the xhtml because the problem is to do with style of the menu causing it to dissapear for some unknown reason??

 

[DJMK4]

anyone?