I posted about this below but my question was posed very vaguely, so pardon me while I try again.
I have this page that renders fine in FF and IE6. I'm using a series of nested
In IE7, when you resize the window, the
I've narrowed down the problem to the way I'm using relative position to shift the container div and expose the drop shadow.
Is there anyway to fix this? Alternatively, is the a method for a drop shadow that doesn't use position: relative?
margin: 4px auto auto auto;
background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
background: url(../images/shadow.gif) no-repeat bottom right;
margin: 10px 0 10px 10px !important;
margin: 10px 0 10px 5px;
margin: 0 auto;
Thanks for any insight. I'm pulling my hair out in frustration!