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?

[Webinar] Streamline your web hosting managementRegister Today

x
 
Gurvinder Pal SinghConnect With a Mentor Commented:
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
Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

 
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
All Courses

From novice to tech pro — start learning today.