Auto Width Sitepoint Menu

[vinpkl]

hi

i m using this tutorial for drop down menus

http://www.sitepoint.com/make-a-mega...u-with-jquery/

How can i make the drop down menu div auto width

i tried

ul#menu li.mega div {
border: 1px solid #dda;
width: auto;
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

[ralph.m]

Can you show us your example?

[vinpkl]

Can you show us your example?

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

[ralph.m]

O, sorry ... I thought it was a SitePoint link.

You could try something like this:

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

[vinpkl]

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