I am struggling with something a submenu location and could use some help.

I have a menu/submenu structure that looks like looks in the HTML like:

<ul>
<li>Home</li>
<li>About</li>
<li>This</li>
<li>That</li>
<li>Target
  <ul>
  <li>Sub1</li>
  <li>Sub2</li>
  <li>Sub3</li>
  <li>Sub4</li>
  <li>Sub5</li>
  </ul>
</li>
</ul>

Visually it looks like this:

[Home] [About] [This] [That] [Target]

And I want the submenu items to show up on hover on "Target" underneath this 
menu bar.  Like this:

[Home] [About] [This] [That] [Target]
[Sub1] [Sub2] [Sub3] [Sub4] [Sub5]

But all I can get to happen is the submenu lining up with "Target", that is, it 
is not left aligned with "Home".

My question is simple: is this possible with just CSS?  Choices:

 1.  Yep, I simply not found the right combination of CSS to get it to happen.
 2.  Yes, but you need a different HTML structure.
 3.  No, you can't do it with hover, you need to use javascript to get there.
 4.  No, you just need to use a separate <ul> for the submenu and get over the 
whole "hover" thing.

Thanks,
Chris
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to