Horizontal suckerfish menu appears vertical in IE7

[nickdeheer]

Hi,

I am new on this forum, but I saw a lot of material about the Suckerfish menu inside Joomla. Unfortunately this information couldn't help me.

For my site I am using the suckerfish menu horizontally. Unfortunately, we I run the site in compatibility mode or in IE7, the website is distorted by the menu showing up vertically.

This is the CSS code for the menu:

.topmenu ul{padding:0;margin:0;}

.topmenu ul li {float:left;list-style: none;}

.topmenu ul li a:link, .topmenu ul li a:visited {color:#111;text-decoration: none;display:block;padding:5px;margin:3px;}

.topmenu ul li a:hover {color:#111;}

.topmenu ul li#current a:link, .topmenu ul li#current a:visited {color:#111;}

.topmenu ul li#current a:hover {color:#111;}

.topmenu {
z-index:100000;
float:left;
margin-left:30px;
margin-top:22px;
border-bottom:1px solid #a8a69d;
display:block;
position: relative;
}

.topmenu ul {
margin-bottom:-1px;
float:left;
}

.topmenu ul li a:link, .topmenu ul li a:visited {
color:#787772;
text-decoration: none;
display:block;
padding:5px 10px;
margin:0px;
border:none;
}

.topmenu ul li a:hover {
color:#111;
}

.topmenu ul li#current a:link, .topmenu ul li#current a:visited, ul#nav li ul li a:link, ul#nav li ul li a:visited, ul#nav li.active ul li a:link, ul#nav li.active ul li a:visited {
border-bottom:3px solid #a8a69d;
color:#111;
}

.topmenu ul li#current a:hover, ul#nav li.active ul li a:hover, ul#nav li ul li a:hover {
color:#111;
}

.footer a:link, .footer a:visited {
color:#a8a69d;
text-decoration: none;
border-bottom:1px dotted #a8a69d;
}

.main ul.menu {
padding:0;
margin:0;
}

.main ul.menu li{
padding:0;
margin:0;
list-style: none;
}

.main ul.menu li a:link, .main ul.menu li a:visited{
display:block;
border-bottom:1px solid #c1c0be;
color:#dfdfdf;
padding:5px 0 5px 5px;
}

.main ul.menu li a:hover{
color:#fff;
border-bottom:1px solid #dfdfdf;
background-color: #c1c0be;
}

Could anyone please help me?

Thanks,
Nick

[edited by: eelixduppy at 9:48 pm (utc) on Mar 11, 2010]
[edit reason] no URLs, please [/edit]

[MarkFilipak]

Could anyone please help me?

I doubt it. I only use absolutely positioned DIVs for menu items. List element behavior is notoriously browser-specific because the defaults are under-specified in the CSS spec. Good luck.