CSS Menu problem with firefox and IE

[freeadnetwork]

Hello ...
I have just made a site.. i implemented CSS Menu... I got it ready made from
other site.. Well its working fine with the other site.. but not for me..

Here is the site link

http://www.mitsot.com/demo/

see above link in firefox or opera.. menu works..
but when u visit same site via IE you can see menu works but not properly..

Can any get my problem solved... I havent pasted a single code here...

Better you go to my code using view source and plz correct me...

I will be really thankfull to you..

[shalom_m]

Change the following:

Code: Select all

/* 2nd Menu */
#nav ul li:hover li a,
#nav ul li.iehover li a {
  background:#5EA9B9;
  color:#000000;
  height:22px; 
  border-bottom: 0px solid #FFFFFF;
  text-decoration:none;
  text-align:left;
  font-style: italic;
  width:175px;
  margin-left: 100px;
  filter:alpha(opacity=70);
  -moz-opacity:.70;
}

and

Code: Select all

/* 2nd Menu Hover Persistence */
#nav ul li:hover li a:hover,
#nav ul li:hover li:hover a,
#nav ul li.iehover li a:hover,
#nav ul li.iehover li.iehover a {
  background:#5EA9B9;
  color:#000000;
  display: block;
  height:22px; 
  width:175px; 
  text-decoration:underline;
  font-style: italic;
  border-bottom: 0px solid #FFFFFF;
  padding:0px;
  margin:0px;
  margin-left:100px;
  text-align:left;
  filter:alpha(opacity=70);
  -moz-opacity:.70;
}

[shalom_m]

Alternatively;

Add z-index

Code: Select all

#nav ul ul {
  width: 120px; /*For KHTML*/
  list-style: none;
  margin-left: -1px;
  border-left: 0px solid #ccc;
  z-index: 9;
}

Either will work - just different effects

[freeadnetwork]

Thanks for kind help.. but see this line in your first post
margin-left: 100px;
This line was never in my code.. how u got it there??
well i tried both tricks you said..
you can check my code again.. but its still not working..

i m using IE 6

well here are links for css

http://www.mitsot.com/demo/include/main.css
http://www.mitsot.com/demo/include/menu_new.css


http://www.mitsot.com/demo/include/menu_new.js


Please you test yourself in html then let me know..

thanks..

[freeadnetwork]

Please make a note that there is .JS file also included..
if i exclude it then IS doesnt show the menu..

[freeadnetwork]

Anyways i got solution.. and its working fine.. now
i added this code

Code: Select all

<!--[if lte IE 6]>
<style type="text/css">

#nav ul li {display: inline; /*For IE*/  position: relative; }

#nav ul.menu ul {
  display: none;
  position: absolute;
  top: 0;
  left: 70px;
  color:#FFFFFF;
} 
</style>

<![endif]-->

and it worked... Thanks for kind info

[shalom_m]

I have checked in both FF and IE6.
It is working fine now.