hello all - I was searching on this forum and worked through different versions of the suckerfish dropdown menu, yet with all of them I run into a different issue that made it not working. Therefore, I decided on the version of Son of Suckerfish dropdowns (http://www.htmldog.com/articles/suckerfish/dropdowns/)and hope to get some help here to what is missing for IE6/7 Here are my styles
#tnav {
width:685px;
margin-left:210px;
list-style: none;
float:right;
position:relative;
}
#tnav, #tnav ul {
padding: 0;
margin: 0;
list-style: none;
}
#tnav a {
display: block;
}
#tnav li {
float: right;
margin: 0;
padding: 0;
position: relative;
}
#tnav li a:link, #tnav li a:hover, #tnav li a:active, #tnav li a:visited {
display: block;
padding: 3px;
text-decoration: none;
}
#tnav li ul {
position: absolute;
width: 95px;
left: -999em;
}
#tnav li:hover ul, #tnav li.sfhover ul {
left: auto;
}
I tried to insert following for IE
<!--[if ie]>
/* for ie/Win Only */
<style type="text/css" media="screen">
#tnav li ul {
top: 10px;
left: 0;
}
</style>
<![endif]-->
yet it didn't work (only misaligns some of my design!)
Any help is so appreciated
Thank you,
Katrin
