Ok so i'm working on a Drupal website with the Homebox module. Thats basically a drag and drop which saves the "boxes". For the corners and shadows i use liquid canvas.

I noticed that when i set the boxes which use liquid canvas up with a parent div that has position relative they drag significantly better than without that div. The Setup:

< div style="position:relative;">
< div class="box-with-shade-and-corners">content< /div>
< /div>

Don't mind the spaces, html is not permitted

This works great in FF and IE8. But not in IE7. The boxes look good in IE7 on page-load but not when they are dragged and released. Then somehow the liquid canvas markup (shade and corners) disappears and the box has a background:transparent.

I can not show you a demo for the project is not finished. For now i use expressions for IE7 to change the position from relative to inherit. But that makes the dragging not go very smooth. Although it does work, and when you drop the box it also keeps its liquid canvas style.

So basically what i would like to know is how this could be... When the style is relative of a parent div the div with a canvas does not render the canvas, when that box is dragged and dropped.