Question

Demo: http://jsbin.com/esupex/2

i have shadow on the box and its making the div go on the new line and if i remove the shadow, the div goes back on the same line. following are the screenshots.

ie6 shadow break-line error – full image:

ie6 no shadow (this is just to show what it looks like after no shadow, but we do need shadow) – full image:

final layout should look like this. this screenshot is from firefox – full image:

following is the line that is causing the issue and i dont know how to solve it:

filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=140, Color='#eeeeee');

Answer 1

Add a negative margin to the box being rendered too low if you MUST have a shadow in IE.

http://jsbin.com/esupex/36

I added modified the to be:

#playerNavBox {
  height:36px;
  margin-right: 260px;
  *margin-top: -43px;
}