CSS Dropdown menu

I have created a horizontal dropdown menu with css.  However, I'm not sure how to write the second part of the dropdown.  Instead of the second level dropingdown vertically, I want it to drop down a spread out, inline horizontally under the main menu choices.

<ul>
<li>HOME</li>
</i>About
<ul>
<li>Me</li>
<li>partners</li>
<li>Friends</>
</ul>
</li>
</ul>

Open in new window


Does that make sense?
LVL 7
rgranlundAsked:
Who is Participating?
 
Gurvinder Pal SinghCommented:
give
ul li ul li
{
   list-style-type:none;
   float:left;
   width:60px;
}
0
 
LZ1Commented:
I try not to reinvent the wheel when I don't have to.  Have you seen Suckerfish menus? The examples are at the very bottom of the page. Fully tested, compliant and very easy to implement.
0
 
rgranlundAuthor Commented:
@LZ1 There was not 1 example on that page that refers to the type of menu style I am trying to create.  Did I miss something?
0
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

 
Gurvinder Pal SinghCommented:
did you tried my suggestion?
0
 
BadotzCommented:
A quick Google search will turn up hundreds (thousands? millions?) of cross-browser, debugged menus.

If you're a jQuery fan, you have perhaps hundreds more from which to choose.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.