Need some CSS help please

[DarkKnight69]

Am working on a menu for a website for my mother and I am having issue with a menu. I have this css code, which works out great to a horizontal menu, but I need a vertical one. CSS gods, please advise me...



.dropmenu {
position: absolute;
left: -1500px;
visibility: visible;
z-index: 101;
float: left;
width: 122px;

border-width: 1px;
border-style: solid;
border-color: #BFBFBF;
background-color: #FFFFFF;
}
.dropmenu ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.dropmenu li {
display: inline;
}
.dropmenu a, .dropmenu a:visited, .dropmenu a:active {
display: block;
width: 120px;

padding: 2px;
margin: 1px;
font-family: Arial;
font-size: 10px;
font-weight: normal;
text-align: center;
text-decoration: none;

color: #000000;
background-color: #D4D4D4;
}
.dropmenu a:hover {
padding: 2px;
margin: 1px;
font-family: Arial;
font-size: 10px;
font-weight: normal;
text-align: center;
text-decoration: none;

color: #000000;
background-color: #BFBFBF;
}

 

[tersome]

It's hard to tell without seeing the entire page, but removing this part might work.

Originally posted by: DarkKnight69
.dropmenu li {
display: inline;
}

 

[DarkKnight69]

Originally posted by: tersome
It's hard to tell without seeing the entire page, but removing this part might work.

Originally posted by: DarkKnight69
.dropmenu li {
display: inline;
}

That didnt assist me at all, though thanks for trying. Basically, I have this:

http://www.tanfa.co.uk/css/examples/menu/vs7.asp

And I am looking for this, but I have been working with this tutorial for hours to no avail...

http://www.tanfa.co.uk/css/examples/menu/hs7.asp

 

[DarkKnight69]

This is what my bar currently looks like:

http://img296.imageshack.us/img296/7923/pic1rc9.png

This is what I want it to look like:

http://img296.imageshack.us/img296/7238/pic2yf4.png

Any suggestions?

 

[DarkKnight69]

Figured it out, had to modify the .js rather then the .css...