Re: Drop Down Menus problem in IE browser!!

[kpjothi]

This is my code. Please Help Me!!!!!!

HTML code

Code:

• About Us
  • Who we are
  • What we do
  • Where we are
• Programs
  • Children’s Home
  • Future Projects
  • Newsletter
• Community
• Photo Gallery
  • Photo Album One
  • Photo Album Two
• Contact Us
• Doante

CSS code

Code:

html, body {font-family:”Lucida Sans Unicode”,”Lucida Grande”,Verdana,Arial,Helvetica,sans-serif;}

/* menu */

ul#topnav {height:40px; margin:0; padding:0; top:auto; left:auto; position:absolute;}
ul#topnav li {float:left; list-style-type:none; background-image:url(../images/but_all_bg.jpg);}
ul#topnav li a {display:block; text-decoration:none; }
ul#topnav li a:link {text-decoration:none;}
ul#topnav li a:visited {text-decoration:none;}
ul#topnav li a:hover {text-decoration:none;}
ul#topnav li a:active {text-decoration:none;}

ul#topnav .menu {top:40px; position:absolute; background:url(../images/bg_subnav.jpg) repeat-x bottom left #0050A0; padding:4px 0 12px 10px;}

ul#topnav .menu ul.sub_nav {float:left;}
ul#topnav .menu ul.sub_nav {margin:0 10px 0 0; padding:0; width:130px;}
ul#topnav .menu ul.sub_nav li {float:none; background-image:none;}
ul#topnav .menu ul.sub_nav li a, ul#topnav .menu ul.sub_nav li a:link, ul#topnav .menu ul.sub_nav li a:visited {font-size:12px; font-weight:normal; line-height:1.3em; color:#fff; text-decoration:none; padding:4px 6px; height:100%; background-color:transparent;}
ul#topnav .menu ul.sub_nav li a:hover {color:#fff; text-decoration: none; background-color:#AF1400; }
ul#topnav .menu ul.sub_nav li a:active {color:#fff; text-decoration: none; background-color:transparent;}

ul#topnav li .menu {display:none;}
ul#topnav li:hover .menu {display:block;}
ul#topnav li.over .menu {display:block; width:200px;; height:1%;}
ul#topnav a.nav_item span {position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden;}

li.nav_about {background-position:0px 0px;}
li.nav_about:hover, li.nav_about_over {background-position:-0px -80px;}
li.nav_about a.nav_item, li.nav_about_over a.nav_item {width:140px; height:40px;}
li.nav_about .menu {left:0; min-width:160px}

li.nav_program {background-position:-141px 0;}
li.nav_program:hover, li.nav_program_over {background-position:-141px -80px;}
li.nav_program a.nav_item, li.nav_program_over a.nav_item {width:145px; height:40px;}
li.nav_program div.menu {left:141px; min-width:160px}

li.nav_com {background-position:-286px 0;}
li.nav_com:hover, li.nav_com_over {background-position:-286px -80px;}
li.nav_com a.nav_item, li.nav_com_over a.nav_item {width:145px; height:40px;}
li.nav_com div.menu {left:286px; min-width:160px}

li.nav_photo {background-position:-431px 0;}
li.nav_photo:hover, li.nav_photo_over {background-position:-431px -80px;;}
li.nav_photo a.nav_item, li.nav_photo_over a.nav_item {width:155px; height:40px;}
li.nav_photo div.menu {left:431px; min-width:160px}

li.nav_contact {background-position:-586px 0;}
li.nav_contact:hover, li.nav_contact_over {background-position:-586px -80px;;}
li.nav_contact a.nav_item, li.nav_contact_over a.nav_item {width:145px; height:40px;}
li.nav_contact div.menu {right:586px; min-width:160px}

li.nav_donate {background-position:-731px 0;}
li.nav_donate:hover, li.nav_donate_over {background-position:-731px -80px;;}
li.nav_donate a.nav_item, li.nav_donate_over a.nav_item {width:200px; height:40px;}