Dropdown menu skal forbedres, og gøres ved!

Kode 

div.menuobject
{
}


div.menu
{
	float: left;
	margin-left: 10px;
}


div.menu div.menudrop
{
	display: none;
}


div.menu:hover div.menudrop, div.menu.over div.menudrop, div.menudrop div.menudropitem:hover 
{
	display: block;
}


div.menudrop
{
	width: auto;
	border: solid 1px black;
	border-width: 1px 1px 1px 1px;
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	position: absolute;
	top: 53px;
}


div.menudropitem
{
	width: auto;
	height: auto;
}


div.menudropitem:hover
{
}


a
{
	color	      : #818181;
	font-family   : Verdana;
	font-size     : 12px;
	display:block;
	margin: 0px 5px 5px 5px;
}


a:hover
{
	color: #80ABCA;
}

Kode 

<div class="menuobject" id="menuobject">
<div class="menu">
	<div><a href="#">Nyheder</a></div>
	<div class="menudrop">
		<div class="menudropitem"><a href="#">Forside</a></div>
		<div class="menudropitem"><a href="#">Nyheder</a></div>
	</div>
</div>
</div>

Kode 

<script>
	startList = function() {
	if (document.all&&document.getElementById) {
	navRoot = document.getElementById("menuobject");
	for (i=0; i<navRoot.childNodes.length; i++) {
	node = navRoot.childNodes[SKRIV_i_HER!];
	if (node.nodeName=="DIV") {
	node.onmouseover=function() {
	this.className+=" over";
	  }
	  node.onmouseout=function() {
	  this.className=this.className.replace(" over", "");
	   }
	   }
	  }
	 }
	}
window.onload=startList;
</script>

Kode 

#csstopmenu, #csstopmenu ul{
padding: 0;
margin: 0;
list-style: none;
}

#csstopmenu li{
float: left;
position: relative;
}

#csstopmenu a{
text-decoration: none;
}

.mainitems{
border: 0px solid black;
border-left-width: 0;
background-color: #D8FE89;
}

.headerlinks a{
margin: auto 8px;
font-weight: bold;
color: black;
}

.submenus{
display: none;
width: 10em;
position: absolute;
top: 1.2em;
left: 0;
background-color: #EEFFCC;
border: 1px solid black;
}

.submenus li{
width: 100%;
}

.submenus li a{
display: block;
width: 100%;
text-indent: 3px;
}

html>body .submenus li a{ /* non IE browsers */
width: auto;
}

.submenus li a:hover{
background-color: yellow;
color: black;
}

#csstopmenu li>ul {/* non IE browsers */
top: auto;
left: auto;
}

#csstopmenu li:hover ul, li.over ul {
display: block;
}

html>body #clearmenu{ /* non IE browsers */
height: 3px;
}

Kode 

<script type="text/javascript">

// CSS Top Menu- By JavaScriptKit.com (http://www.javascriptkit.com)
// Adopted from SuckerFish menu
// For this and over 400+ free scripts, visit JavaScript Kit- http://www.javascriptkit.com/
// Please keep this credit intact

startMenu = function() {
if (document.all&&document.getElementById) {
cssmenu = document.getElementById("csstopmenu");
for (i=0; i<cssmenu.childNodes.length; i++) {
node = cssmenu.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function(){                  
this.className=this.className.replace(" over", "")
}
}
}
}
}

if (window.attachEvent)
window.attachEvent("onload", startMenu)
else
window.onload=startMenu;

</script>

Kode 

	<ul id="csstopmenu">

<li class="mainitems">
<div class="headerlinks"><IMG src="Image/Menu/nyheder.jpg" border="0" srcMOV="Image/Menu/Menuskift/nyheder2.jpg"></div>
<ul class="submenus">
<li><a href="http://www.shafh.dk">Forside</a></li>
<li><a href="http://www.shafh.dk/news">Nyheder</a></li>
</ul>
</li>

<li class="mainitems">
<div class="headerlinks"><IMG src="Image/Menu/produkter.jpg" border="0" srcMOV="Image/Menu/Menuskift/produkter2.jpg"></div>
<ul class="submenus">
<li><a href="http://www.shafh.dk">Software</a></li>
<li><a href="http://www.shafh.dk">Grafik</a></li>
<li><a href="http://www.shafh.dk">Hjemmeside</a></li>
<li><a href="http://www.shafh.dk">Andet</a></li>
</ul>
</li>

<li class="mainitems">
<div class="headerlinks"><IMG src="Image/Menu/projekter.jpg" border="0" srcMOV="Image/Menu/Menuskift/projekter2.jpg"></div>
<ul class="submenus">
<li><a href="http://www.shafh.dk">Projekter</a></li>
<li><a href="http://www.shafh.dk">Links</a></li>
</ul>
</li>

<li class="mainitems">
<div class="headerlinks"><IMG src="Image/Menu/links.jpg" border="0" srcMOV="Image/Menu/Menuskift/links2.jpg"></div>
<ul class="submenus">
<li><a href="http://www.shafh.dk">Projekter</a></li>
<li><a href="http://www.shafh.dk">Affiliates</a></li>
<li><a href="http://www.shafh.dk">Udviklingssider</a></li>
</ul>
</li>

<li class="mainitems">
<div class="headerlinks"><IMG src="Image/Menu/shafhdk.jpg" border="0" srcMOV="Image/Menu/Menuskift/shafhdk2.jpg"></div>
<ul class="submenus">
<li><a href="http://www.shafh.dk">Profil</a></li>
<li><a href="http://www.shafh.dk">Referencer</a></li>
<li><a href="http://www.shafh.dk">Om Shafh.dk</a></li>
</ul>
</li>		
		</ul>