I know this issue has come up before, but I could not find anything when I did a search on Sitepoint. I have a dropdown menu with the submenus that want to fall under the flash movie in IE7. I have tried <param name="wmode" value="transparent" /> but this is not working. Any suggestions for controling this in the css? Here is my css if that would help. Thanks

#csstopmenu {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 2px 0px 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; position: relative; z-index:100; BACKGROUND-COLOR: #374b78
}
#csstopmenu UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 2px 0px 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; POSITION: absolute; BACKGROUND-COLOR: #374b78
}
#csstopmenu LI {
FLOAT: left; position: relative; z-index:100
}
#csstopmenu A {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; COLOR: #ffffff; LINE-HEIGHT: 13px; PADDING-TOP: 0px; FONT-FAMILY: Georgia, "Times New Roman", Times, serif; TEXT-DECORATION: none
}
HTML > BODY #csstopmenu A {
FONT-SIZE: 13px
}
#csstopmenu A:hover {
TEXT-DECORATION: underline
}
.mainitems {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}

.headerlinks A {
DISPLAY: block; FLOAT: left; MARGIN: 0px 2px 5px 4px; COLOR: black; HEIGHT: 14px
}
.submenus {
PADDING-RIGHT: 0px; DISPLAY: none; PADDING-LEFT: 0px; BACKGROUND: url(portal_images/backgrad.gif) no-repeat center bottom; LEFT: 0px; PADDING-BOTTOM: 15px! important; MARGIN: 0px 0px 10px; WIDTH: 150px; COLOR: #000000; PADDING-TOP: 0px; POSITION: relative; TOP: 0.7em
}
.submenus LI {
PADDING-RIGHT: 0px; PADDING-LEFT: 16px; PADDING-BOTTOM: 0px; MARGIN: 7px 0px 0px; PADDING-TOP: 0px; position: relative; z-index:100;
}
HTML > BODY .submenus LI {
MARGIN: 7px 15px 3px 0px
}
.submenus LI A {
DISPLAY: block; FONT-SIZE: 11px! important; WIDTH: 110px; COLOR: #ffffff! important; LINE-HEIGHT: 12px! important
}
.submenus LI A:hover {
COLOR: red
}
#csstopmenu LI > UL {
LEFT: 0px; PADDING-BOTTOM: 10px; WIDTH: 150px; TOP: 1em
}
#csstopmenu LI:hover UL {
DISPLAY: block
}
LI.over UL {
DISPLAY: block
}
HTML > BODY #clearmenu {
HEIGHT: 3px
}
.separator {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 13px; PADDING-BOTTOM: 0px; COLOR: #d5d6e1; LINE-HEIGHT: 13px; PADDING-TOP: 0px; FONT-FAMILY: Georgia, "Times New Roman", Times, serif; TEXT-DECORATION: none
}