jquery slider pointers not working inside a css flyout menu
 

I have a css flyout header menu and I also want use the jquery slider widget as one of the options in this menu but when I put it in there the little sliders don't appear correctly, it's like they've collapsed. Or they're hidden or something.

I thought it might have something to do with the z-index because some elements in the flyout header have index's but having changed the index on the slider that didn't help,

can anyone help me out?

http://jsfiddle.net/AUJPh/1/

sorted it! In case anyone else has the same problem:

I changed
div#dropMenu > ul a {
width: auto;
}

to

div#dropMenu > ul li > a {
width: auto;
}

and bob was my uncle