Top
Home

#############First you will need the ie css and the js files.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

#############Put this in the template where you want the menu##################

<?php wp_page_menu('menu_class=feardearg') ?>

#############Somethign like this in the post-template ##################

$menu = '<ul class="menu">' . $menu . '</ul>';

#############Put this at the bottom of the style sheet##################

* { margin: 0; padding: 0; }
a { text-decoration: none; }
ul { list-style: none; }
ul.menu{ position: relative;width:140px; }

ul.menu ul li a {
position: relative;
top:-5px;
background:#000033;
display: block;
padding: 4px 8px;
color:#000000;
width:340px
}

ul.menu ul li a:link {
background:#cccccc;
display: block;
padding: 4px 8px;
color:#000000;
width:340px
}

ul.menu ul li a:visited {
background:#cccccc;
display: block;
padding: 4px 8px;
color:#000000;
width:340px
}

ul.menu ul li a:hover {
background:#000033;
display: block;
padding: 4px 8px;
color:#ffffff;
width:340px
}

ul.menu li a {
display: block;
padding: 4px 8px;
color:#000000;
width:140px
}

ul.menu li a:link {
display: block;
padding: 4px 8px;
color:#000000;
width:140px
}

ul.menu li a:visited {
display: block;
padding: 4px 8px;
color:#000000;
width:140px
}

ul.menu li a:hover {
display: block;
padding: 4px 8px;
color:#ff0000;
width:140px
}

ul.menu ul {
left:150px;
width: 320px;
visibility: hidden;
position: absolute;
top: 30px;
z-index:100;
text-align:left;
border: 1px
}

ul.menu ul li a {
border-right: none;
width: 100%;
display: inline-block;
}

ul.menu ul ul {
left: 100%;
top: 0;
}

ul.menu li:hover > ul {
visibility: visible;
}