Slider showing incorrectly when inside a table that is inside a div with scrolls (Internet Explorer)

[jpt]

This happens in IE6 and IE8(only if compatibility view is enabled). Haven't tested in IE7.

I have a div with a fixed width and with its overflow style configured to "auto". Inside the div, there's a table also with a fixed width (greater than the container div, which causes the scrolls to appear). For each table row, there's a slider configured. The sliders appear as if they were floating on top of the div, not inside, and with a fixed location. I'm attaching a simplified example (the actual page I'm working on is far more complex).

Thanks for your time!

[jpt]

example of the issue described

[jpt]

screen shot of the issue described

[davenaeder]

I've created a jsFiddle showing a simpler issue:  http://jsfiddle.net/davenaeder/mujyB/3/

Bug is noticed in ie6 and IE8 (if compatibility view is enabled).

[scott.gonzalez]

Seems like this is just a rendering but in old IE that we can't do anything about:  http://jsfiddle.net/mujyB/5/