[Firekicker]

Alltså problemet som kvarstår är

1. kolla in http://jbnmedia.org/~sdhf/home/index.php?id=1
För musen över föreningen.. undermenyn kommer bredvid.

Koden ser nu ut så här..

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(bkg.png);
	font-family: arial, helvetica, serif;
}

.style2 {color: #000000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.style38 {font-size: 12px}
.style40 {font-size: 10px}
.style42 {font-size: 14px; font-family: Arial, Helvetica, sans-serif; }


#nav, #nav ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1.1;

}

.top {
background-color: transparent;
border:0px solid #000000;
display: inline;
margin: 5px;

}
.topa {
color:#000000;
text-decoration:none;
font-size:14px;

}

#nav a {
	display: inline;
}
.spota {
color:#000000;
text-decoration:none;
font-size:12px;
margin: 5px;
}

#nav li { 
	float: left;

}

#nav li a:hover {
color:#000000;
background: transparent;
}


#nav li ul { 
	position: absolute;
	background:#ffffff;
	width: 5em;
	left: -999em; 
	border:1px solid #cccccc;
}

#nav li ul ul { 
	margin: -1em 0 0 6em;
}

#nav li ul ul ul { 
	margin: -1em 0 0 6em;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
	
}

#nav li:hover ul ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	
}

#nav li:hover ul ul ul ul, #nav li.sfhover ul ul ul ul {
	left: -999em;
	
}

#nav li:hover ul, #nav li.sfhover ul { 
	left: auto;
}

#nav ul li:hover ul, #nav ul li.sfhover ul { 
	left: auto;
}

#nav ul ul li:hover ul, #nav ul ul li.sfhover ul { 
	left: auto;
}

#nav ul ul ul li:hover ul, #nav ul ul ul li.sfhover ul { 
	left: auto;
}