Hurray! You absolute

barricades — Mon, 10 Sep 2012 15:57:21 +0000

Hurray! You absolute gem!

div#dropMenu > ul li > a worked a treat. Thank you so much I'd spent HOURS fiddling with that and couldn't sort it. Good karma to you

Can you post a screenshot of

Megan — Mon, 10 Sep 2012 15:27:12 +0000

Can you post a screenshot of what those sliders are supposed to look like vs. what they look like now? I see two vertical bars on the slider, one slightly to the left of the slider area and one just inside the right edge. I'm assuming these are supposed to line up with the slider box on the left/right sides, is that correct?

Oh, I see, they're supposed to be wider. This line seems to be interfering:

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

That code is overriding the width set by the jQuery UI slider classes:

.ui-slider .ui-slider-handle {
    cursor: default;
    height: 1.2em;
    position: absolute;
    <strong>width: 1.2em;</strong>
    z-index: 2500;
}

You might be able to take that div#dropMenu > ul a out completely - I'm not sure what it's doing there (could be a cross-browser fix of some sort...). Or try:

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

That will just select the link elements that are direct children of the li's and leave the slider link tags alone.