Hallo allemaal!
Ik ben bezig met een site: http://www.bwebsites.nl/trommelvlies
Alleen zit ik ff met het menu te kutten.
Ik gebruik deze code voor het menu:

Code:

.nav ul{
 list-style:none;
 padding: 0;
 margin: 0;
}
.nav a{
 display:block;
 text-decoration:none;
 color:#000000;
}
.nav li a{
 padding-right: 30px;
}
.nav a:hover {
 color: #2b98ff;
}
.nav li ul li a{
 width: 210px;
 padding-right: 3px;
 line-height: 200%;
}
#nowPlayingGroup ul li a{
 width: 250px;
 padding-right: 3px;
 line-height: 150%;
}
.nav li{
 float:left;
 position:relative;
}
 
.nav li div{
 position:absolute;
 top:-999em; /* display:none; */
 background: transparent url(images/submenuBack2.png) no-repeat scroll 0 100%;
 width: 888px;
 padding: 0 0 10px 20px;
}
.nav li:hover div,
.nav li.sfhover div{
 position: <?=$_GET['position'] == 'relative' ? 'relative' : 'absolute'?>;
 top:auto; /* display:block; */
 left: 224px;
}

En dan even met de nadruk op:

Code:

.nav li div{
 position:absolute;
 top:-999em; /* display:none; */
 background: transparent url(images/submenuBack2.png) no-repeat scroll 0 100%;
 width: 888px;
 padding: 0 0 10px 20px;
}
.nav li:hover div,
.nav li.sfhover div{
 position: <?=$_GET['position'] == 'relative' ? 'relative' : 'absolute'?>;
 top:auto; /* display:block; */
 left: 224px;
}

Als je naar http://www.bwebsites.nl/trommelvlies/?position=absolute
gaat zie je dat het opzich goed gaat, alleen wil ik een menu net als http://www.kieskeurig.nl . Dus over de hele breedte van de navigatiebalk gespreid.
Als je naar http://www.bwebsites.nl/trommelvlies/?position=relative gaat zie dat hij erg vreemd gaat doen. Ik had zelf gedacht dat het goed zou gaan. Maar niet dus.
Heeft iemand hier misschien een oplossing voor dit probleem?
Alvast bedankt!
Groeten,
Boris

http://www.htmldog.com/articles/suckerfish/dropdowns/ bekijk dit even

Hallo David,
Bedankt voor je reactie.
Maar op die site heb je niet dat het menu die 'uitklapt', zich op een bepaalde positie op het scherm bevindt.
Bij mij is het dus de bedoeling dat hetgene dat uitklap precies aansluit op het navigatie 'hok'.

(net als op http://www.kieskeurig.nl )

Wellicht heb je hier wat aan:
Horizontaal: http://psd-xhtml.nl/menu-fout-horz.html
Verticaal: http://psd-xhtml.nl/menu-fout.html

Origineel gepost door S. Zanders

Wellicht heb je hier wat aan:
Horizontaal: http://psd-xhtml.nl/menu-fout-horz.html
Verticaal: http://psd-xhtml.nl/menu-fout.html

Tenx :D

Het werkt nu weer (in FF dan :P)