Need help with CSSMenu.

[Joshua Farrell]

So, the following CSS Menu code I am using to create a menu, with dropdown menus and such. It works perfectly in Firefox, but doesn't want to show the drop down items that are in it in Internet Explorer.

Any ideas on how to fix this, or do I have to do a bit more digging to find a more cross browser version of it?

<!--%%%%%%%%%%%% MyCSSMenu Styles [Keep in head for full validation!] %%%%%%%%%%%-->
<style type="text/css">


/*!!!!!!!!!!! MyCSSMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc

.qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-

index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc

{position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-

index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div

{visibility:hidden;position:absolute;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc

ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul

li:hover>ul{top:0px;left:100%;}


/*!!!!!!!!!!! MyCSSMenu Styles !!!!!!!!!!!*/


/* MyCSSMenu 0 */

/*"""""""" (MAIN) Container""""""""*/
#qm0
{
background-color:#D7E3F6;
border-width:1px;
border-style:solid;
border-color:#A2BFE9;
}


/*"""""""" (MAIN) Items""""""""*/
#qm0 a
{
padding:5px 40px 5px 8px;
color:#112747;
font-family:Arial;
font-size:12px;
text-decoration:none;
}


/*"""""""" (MAIN) Hover State""""""""*/
#qm0 a:hover
{
background-color:#A2BFE9;
}


/*"""""""" (MAIN) Active State""""""""*/
body #qm0 .qmactive, body #qm0 .qmactive:hover
{
background-color:#A2BFE9;
text-decoration:underline;
}


/*"""""""" (SUB) Container""""""""*/
#qm0 div, #qm0 ul
{
padding:5px;
margin:0px 0px 0px -1px;
background-color:#D7E3F6;
border-width:4px 1px 1px;
border-style:solid;
border-color:#285DA8;
}


/*"""""""" (SUB) Items""""""""*/
#qm0 div a, #qm0 ul a
{
padding:2px 40px 2px 5px;
border-width:0px;
border-style:none;
}


/*"""""""" (SUB) Hover State""""""""*/
#qm0 div a:hover, #qm0 ul a:hover
{
text-decoration:underline;
}


</style>

<div style="text-align: left;">
<ul id="qm0" class="qmmc">

<li><a class="qmparent" href="javascript:void(0)">About</a>

<ul>
<li><a href="javascript:void(0)">About Us</a></li>
<li><a href="javascript:void(0)">Our Staff</a></li>
<li><a href="javascript:void(0)">Our Features</a></li>
</ul></li>

<li><a class="qmparent" href="javascript:void(0)">Customize</a>

<ul>
<li><a class="qmparent" href="http://custom-forums.proboards.com/index.cgi?board=1">ProBoards v4.5

Styles</a>

<ul>
<li><a href="http://custom-forums.proboards.com/index.cgi?board=9">Styles Database

Releases</a></li>
<li><a href="http://custom-forums.proboards.com/index.cgi?board=8">Styles in

Development</a></li>
<li><a href="http://custom-forums.proboards.com/index.cgi?board=7">Styles Support &

Discussion</a></li>
</ul></li>

<li><a class="qmparent" href="http://custom-forums.proboards.com/index.cgi?board=2">ProBoards v4.5

Modifications</a>

<ul>
<li><a href="http://custom-forums.proboards.com/index.cgi?board=6">MOD Database

Releases</a></li>
<li><a href="http://custom-forums.proboards.com/index.cgi?board=5">MOD Requests</a></li>
<li><a href="http://custom-forums.proboards.com/index.cgi?board=4">MODs in

Development</a></li>
<li><a href="http://custom-forums.proboards.com/index.cgi?board=3">MOD Writers

Discussion</a></li>
</ul></li>

</ul></li>

<li><a class="qmparent" href="http://custom-forums.proboards.com/index.cgi?board=community">Community</a>

<ul>
<li><a href="http://custom-forums.proboards.com/index.cgi?board=newsandannounce">News and

Announcements</a></li>
<li><a href="http://custom-forums.proboards.com/index.cgi?board=gt">General Talk</a></li>
<li><a href="http://custom-forums.proboards.com/index.cgi?board=advertise">Advertise Board</a></li>
<li><a href="http://custom-forums.proboards.com/index.cgi?board=suggest">Suggestions</a></li>
</ul></li>

<li class="qmclear"> </li></ul>

<!-- Create Menu Settings: (Menu ID, Is Vertical, Show Timer, Hide Timer, On Click ('all' or 'lev2'), Right to Left, Horizontal Subs,

Flush Left, Flush Top) -->
<script type="text/javascript">qm_create(0,false,0,250,false,false,false,false,false);</script>

[SubDevo]

Hi Joshua,

I ran into a similar issue in this thread:
support.proboards.com/index.cgi?board=coderequests&action=display&thread=355153

Bottom line is some CSS selectors that are supposed to work in IE won't work with PB because PB does not specify a doctype.
IE needs the doctype specified for certain CSS selectors.
Best bet is to find/use a javascript driven menu to be crossbrowser and fewer headaches.

Regards,
SubDevo