Not sure suckerfish is the correct solution, as this can be done without the scripting with
CSS and .htc file for IE.
Looking at your menu code you have no nested UL so the
CSS you wrote can't target anything.
- Code: Select all
<div id="nav">
<ul>
<li class="navigation"><a href=""></a>
<ul>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
</ul>
</li>
<li><a href="">Menu Item 2</a></li>
<li><a href="">Menu Item 3</a></li>
<li><a href="">Menu Item 4</a></li>
</ul>
</div>
Basic
CSS:
- Code: Select all
#nav ul li ul {
display:none;
}
#nav ul li:hover ul {
display:block;
width:200px;
position:absolute;
left:auto
}
Thats the basics. See if that helps set you on the right track. Also get
Whatever:hover for to make it work in IE. the whatever hover htc is well documented and simple to implement.