How can you make a CSS list go on the page horrizontal?

Question

Hello below is the code for the css roll over menu i am working . How can i get it to go on the page horrizontal?
THANKS SO MUCH!
Here is the CSS:
list-menu {
width: 132px;

display: inline;
}

#list-menu ul {
position:fixed;
display: inline;
margin: 0;
padding: 0;
list-style-type: none;
}



#list-menu li {
display: block;
margin: 2px 0 0;
}

#list-menu a {

display: inline;
width:200px;
height:25px;
padding: 2px 2px 2px 10px;
border: 1px solid #000000;
background: red;
text-decoration: none; /*lets remove the link underlines*/
}

#list-menu a:link, #list-menu a:active, #list-menu a:visited {
color: #000000;
}

#list-menu a:hover {
border: 1px solid #000000;
background: blue;
color: black;
}

Here is the Code for the index page:

• Home


• Paintings


• News

2 answers

(1) You don't need a div...you didn't close it, in your example, anyway, and you didn't close the ul and the last li...maybe Yahoo! didn't let you?
(2) ...to continue on (1), just use

and omit the ...Your attempt at accesskeys is to be admired, but, it doesn't follow the standards: while 1 is home, 2 is usually "skip to main content" and 3 is usually "site map"...At any rate, there are many opinions on their value, most of them negative.
(3) Use ul#list-menu { width: 132; font-weight: bold; }
ul#list-menu li { display: block; float: left; list-style-type: none; ...[your other stuff]...
ul#list-menu li a { ...
ul#list-menu li a:hover { ...
ul#list-menu li a:active { ...
(4) Remember, for css stuff, always list in the sequence LoVeHAte (Link, Visited, Hover, Active).

assign the list an is or class, something unique, and make the display:inline;

Answer 1

(1) You don't need a div...you didn't close it, in your example, anyway, and you didn't close the ul and the last li...maybe Yahoo! didn't let you?
(2) ...to continue on (1), just use

Answer 2

assign the list an is or class, something unique, and make the display:inline;