...

View Full Version : css drop down issue in IE compatability view



eduski
01-30-2012, 03:43 AM
I have a website www.buffalolacrosse.com (http://www.buffalolacrosse.com) where the css drop down menus are not displaying correctly in IE compatability view. The Menu code is listed below. I can't figure out what might be going on. Any help is appreciated.



@media all{
.navmenu>li>ul>li>ul>li { width: 400px; }

.navmenu,
.navmenu ul,
.navmenu li
{
padding: 0px;
margin: 0px;
z-index: 2;
text-align: right;

}
.navmenu > li
{
float: left;
}
.navmenu li
{
list-style-type: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
letter-spacing: 0px;
color: #ffffff;
padding-left: 15px;
padding-right: 15px;
border-right: 1px inset #999;
}

.navmenu > li li
{
list-style-type: none;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
border: 1px solid #003366;
color: #ffffff;
background-color: #003366;
padding: 0 20px 0 0;
}

.navmenu ul
{
display: none;
position: absolute;
margin-left: -15px;
margin-top: -1px;
}

.navmenu li:hover > ul
{
display: block;
}
.navmenu ul.parent_hover
{
display: block;
}
.navmenu a
{
color: #fff;
width: 100%;
text-decoration: none;
}


.navmenu li:hover
{
color: #fff;
background-color: #666;
}
.navmenu li.hover,
.navmenu a:hover
{
color: #ffffff;
background-color: #666;
text-decoration: underline;
}

.navmenu ul ul
{
margin-top: -28px;
left: 99%;
}
.navmenu span
{
display: block;
}
.navmenu
{
float: left;
width: 100%;
color: #000;
}
.endmenu
{
clear: left;
}
}

sean3838
01-30-2012, 04:59 AM
Try adding these scripts under in your head section.


<!--[if lt IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<script src="http://ie7-js.googlecode.com/svn/version/2.1%28beta4%29/ie7-squish.js"></script>
<![endif]-->



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum