# IE div conflict

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

<div class="post-metadata">

**Author:** ![mthomps00](https://avatars.discourse-cdn.com/v4/letter/m/f08c70/32.png) [@mthomps00](https://forum.kirupa.com/u/mthomps00)\
**Post date:** [February 17, 2005, 2:50pm UTC](https://forum.kirupa.com/t/ie-div-conflict/79856/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\>