[Firekicker]

Hej Jag har problem med menyn får inte till det att det skall visas som jag vill..

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

2. Går det att få till att tex huvudmeny valet
ex att Föreningen ligger kant i kant med början på undermenylistan ?

Föreningen
-------------
Histora
Styrelsen
-------------
istället för

___Föreningen
-------
Histora
Styrelsen
-------

3. Huvudmenyvalen rätt storlek mellan valen.
ex
Start__Föreningen__Nyheter__Kontakta oss

istället för
Start____Föreningen__Nyheter____Kontakta oss


Någom som vet hur man gör med css koden ?


Min css kod:

body { 
  font-family: arial, helvetica, serif; 
} 
 
#nav, #nav ul { 
  padding: 0; 
  margin: 0; 
  list-style: none; 
  line-height: 1; 
} 
 
.top { 
background-color: transparent; 
border:0px solid #000000; 
 
} 
.topa { 
color:#000000; 
text-decoration:none; 
font-size:14px; 
 
} 
 
#nav a { 
  display: block; 
  width: 5em; 
 
} 
.spota { 
color:#000000; 
text-decoration:none; 
font-size:12px; 
} 
 
#nav li { 
  float: left; 
  width: 6em; 
} 
 
#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; 
}