# IE div conflict

**URL:** <https://forum.kirupa.com/t/ie-div-conflict/137799>\
**Category:** Uncategorized\
**Created:** [February 17, 2005, 2:50pm UTC](https://forum.kirupa.com/t/ie-div-conflict/137799 "2005-02-17T14:50:08Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![imported\_mthomps00](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/imported_mthomps00/32/1335_2.png) [@imported\_mthomps00](https://forum.kirupa.com/u/imported_mthomps00)\
**Post date:** [February 17, 2005, 2:50pm UTC](https://forum.kirupa.com/t/ie-div-conflict/137799/1 "2005-02-17T14:50:08Z")

</div>

[http://snarkmarket.com/blog/snarkives/redesign](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):

```auto
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.AlphaImageLoader(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\>