http://www.paganhouse.ws /css/style.css

The submenus list left to right instead of up and down. I have tried everything I can think of. It's driving me crazy because I've done this before!

/* Menu */

#menu {
width: 800px;
margin: 0 auto;
margin-bottom: 10px;
}

#menu ul {
margin: 0;
padding-left: 20px;
list-style: none;
}

#menu li {
display: block;
}

#menu li ul {
height:auto;
width: auto;
visibility: hidden;
z-index: 2;
/* background-image: url(images/menubak.png); */
Position: absolute;
margin-top: 28pt;
}

#menu li ul li {
display: block;
}

#menu li:hover > ul {
visibility: visible;
background-color: #000000;
}

#menu a {
display: block;
float: left;
height: 34px;
padding: 16px 30px 0 40px;
text-decoration: none;
text-transform: uppercase;
font-size: 16px;
color: #4E515B;
}

#menu a:hover {
background: #000000 url(images/img2.gif) no-repeat 15px 50%;
color: #CDCDE2;
}

#menu .first a {
border: none;
}

#menu .active a {
color: #FFFFFF;
}
Problems been fixed. Thanks fretless!