KDE-Forum.org

Hi all,

(I've asked this at several other forums without any conclusive answers or fixes to the problem.)

Anyone know of any problems with CSS drop down menus a la suckerfish (www.alistapart.com) and Konqueror?

Here's my CSS for this http://www.nzwebz.com/wikindx2 :
[code:1]body {
background : url("paper.jpg");
font-family : sans-serif;
}
ul {
padding : 0;
margin : 0;
list-style : none;
}
li {
float : left;
position : relative;
}
li ul {
display : none;
position : absolute;
top : 1.1em;
left : 0;
border : 4px #CCCC99 groove;
background : #ffcc99;
width : 7em;
}
li > ul {
top : auto;
left : auto;
}
li:hover ul, li.over ul{
display : block;
}

A:visited, A:link, A:active {
text-decoration : none;
color : #666666;
background : transparent;
display : block;
width : 7em;
}
A:hover {
text-decoration : none;
background : #ff9900;
color : white;
display : block;
width : 7em;
}
.clear {
clear : both;
}
.titleTable {
width : 90%;
}
.menuTable {
margin : 0 0 0 5%;
}
.menuli {
color : #ff9900;
}
.mainTable {
border : #ff9900 3px groove;
width : 90%;
}
h1, h2, h3, h4 {
color : #ff9900;
}[/code:1]

With the javascript (which needs work I know), it works with IE (with javascript fix), Netscape, Firefox and Mozilla but the drop downs won't work with Konqueror. Javascript is turned on in Konqueror in case it's anything to do with that.

I notice that even the suckerfish pretty example doesn't work in Konqueror (v3.1-12).

For what it's worth, with all the examples of CSS drop-down menus on the web, not a single one works with konqueror.

If this one can't be solved, can anyone point me in the direction of CSS drop-down menu tutorials with code that works on Konqueror (and other modern browsers). Many sites claim to work with Konqueror but don't.