Auto Width Sitepoint Menu

HTML & CSS
1

hi

i m using this tutorial for drop down menus

http://www.sitepoint.com/make-a-mega-drop-down-menu-with-jquery/

How can i make the drop down menu div auto width

i tried


ul#menu li.mega div {
border: 1px solid #dda;
[COLOR="#FF0000"]width: auto;[/COLOR]
position: absolute;
top: 1.6em;
left: 0em;
padding: 1.3em;
background: #ffc;
color: #930;
}

but it didnt worked for me as auto width

http://wdpixels.com/stuff/sitepoint/completed.html

vineet

2

Can you show us your example?

3

I posted it in the thread also.

here it is again

http://wdpixels.com/stuff/sitepoint/completed.html

i want drop down menu to expand horizontally based on content

vineet

4

O, sorry … I thought it was a SitePoint link. :blush:

You could try something like this:

ul#menu li.hovering div {
  display: table;
}
5

hi ralph

i tried display:table but nothing happens in firefox.

In IE-7 nothing the drop downs didnt even show up. They got hide in IE-7.

updated in this link below

http://wdpixels.com/stuff/sitepoint/completed.html

vineet