IE div conflict

[imported_mthomps00]

http://snarkmarket.com/blog/snarkives/redesign

If you hit "change layout to ornate" on the right-hand sidebar in IE
6.0, you should notice a big ol' translucent green box sitting right on
top of content where it's not supposed to be. In Firefox, this box
shows up where it's supposed to, over the left-hand column.

Here's the code for the misbehaving DIV (it's located in a relatively positioned DIV):


div.shornates { font-family: Lucida Sans Unicode, Lucida Console, Gill Sans MT, Verdana, Helvetica, Arial, sans-serif; font-size: 80%; position: absolute; width: 110px; padding: 10px; left: -175px; margin-top: 100px; border: 1px solid #CFC; color: #CFC; filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader(enabled=true, sizingMethod=scale src='transback.png'); }

div.shornates[class] { background-image: url("transback.png"); }

- Here's the URL for the "ornate" stylesheet (http://snarkmarket.com/blog/snarkives/redesign/one.css)
- Here's the "simple" stylesheet (http://snarkmarket.com/blog/snarkives/redesign/two.css)
- And the persistent stylesheet (http://snarkmarket.com/blog/snarkives/redesign/common.css)
</pre>

Any help would be greatly appreciated.</pre>

[ditt0]

Maybe u should change the left:-175px to margin-left:-175px and also do u need absolute positioning? Wouldn't relative work?

[imported_mthomps00]

You're a genius, ditt0bx, thanks. I'm a helpless doof. You guys rock.

As for relative positioning, it leaves a space in the layout where the box would originally have gone. Absolutely positioning in a relatively positioned div sucks the abs-positioned thing right out of the layout, which is nice.

[ditt0]

glad i could help:)