IE div conflict

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.AlphaImageLoader(enabled=true, sizingMethod=scale src='transback.png'); }

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

- Here’s the URL for the “ornate” stylesheet

Any help would be greatly appreciated.</pre>