Hi
I'm having a problem with a css menu, the idea is that when the list
element is hovered over the menu is displayed. My code works on FF,
Safari but not IE, when i hover in IE nothing happens, see the code
below, any ideas i've tried a few tweaks to no avail.
CSS Code:
/* regional choice menuing */
#regional_choice{
clear:both;
width:390px;
margin:auto;
position:relative;
top:10px;
left:160px;
}
#regional_choice ul{
float:right;
position:relative;
top:-5px;
left:-10px;
margin: 0;
padding: 0;
list-style: none;
width: 135px;
}
#regional_choice ul li {
position: relative;
}
#regional_choice li ul {
position: absolute;
left: 0px;
top: 0px;
display: none;
border:1px solid black;
padding:10px;
background:url(_images/region_bg.jpg) no-repeat;
z-index:30;
}
#regional_choice ul li a {
display: block;
text-decoration: none;
color: navy;
padding: 5px;
}
#regional_choice ul li a:hover {
color:#000066;
}
#regional_choice li:hover ul { display: block; }
HTML code:
<div id="regional_choice"
style="padding-right:30px;font-family:Verdana, Arial, Helvetica,
sans-serif;font-size:0.7em;font-weight:bolder;color:#808080;text-align:right;margin-bottom:-11px;">
<span style="float:left;">
You're currently in the Americas region.
</span>
<ul>
<li><a href="#" style="color:#777;"><img
src="_images/region_menu.gif" border="0" />Change region.</a>
<ul>
<li>Canada/USA</li>
<li><a href="http://www.arcolectric.co.uk/index2.html";>Europe</a></li>
<li><a href="http://www.arcolectric.co.uk/index2.html";>Rest of the
world</a></li>
</ul>
</li>
</ul>
</div>
--
Regards
Terry O'Leary
Web Developer @ The Elektron Group
--------------------------------------------------------
~Online dating community ? www.d8-m8.com
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
