wont work in IE? Options

[Harp]

It works in Firefox, but not IE.
Why?
http://www.createblog.com/layouts/preview.php?id=33444

about me:

CODE

<p><a href="http://www.createblog.com/layouts/index.php?layout=myspace_layouts" title="Grab Myspace Layouts and Myspace Codes"><img src="http://www.createblog.com/images/link1.gif" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><style type="text/css">
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,
btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:0px;height:.0%;width:0px;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
table table table table,table table table table td.text, td.text td.text table{display:none;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}

body {
background-color: e4c355;
background-image: url("");
background-position: bottom right;
background-repeat: repeat;
background-attachment: fixed;
scrollbar-arrow-color:ffffff;
scrollbar-track-color: e4c355;
scrollbar-shadow-color: e4c355;
scrollbar-face-color:e4c355;
scrollbar-highlight-color:e4c355;
scrollbar-darkshadow-color:e4c355;
scrollbar-3dlight-color:e4c355;}

table, tr, td {background-color: transparent; border: 0px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}

table table table {border: 0px solid; border-color: 000000; background-color:transparent; }

body,table, td, li, p, div, textarea
{font:normal 9px arial; color:000000; font-weight:none; border:0px; text-transform: none; line-height:12px;}

.text {font:normal 8px arial; color:000000; font-weight:none; border:0px; text-transform: none; line-height:12px;}

a:active,a:visited,a:link,a{
color:000000;
font-size:15px;
margin-top:1px;
cursor:default;
font-weight:normal;
letter-spacing:1px;
font-family:tahoma;
text-decoration:none;
text-transform:uppercase;}
a:hover{
color:e4c355;
font-size:15px;
margin-top:1px;
cursor:default;
font-weight:normal;
letter-spacing:1px;
font-family:tahoma;
text-decoration:none;
text-transform:uppercase;}

.standard b, p b, B, strong {
font-family:arial; font-size:12px; color:336179; font-weight:none;border:0px; text-transform: uppercase; }
.a.text, table div font a, table div div {visibility:hidden;}
</style>

<div class="bg" style="position: absolute; left:545px; top:175px; width:320px; height:500px; overflow: hidden;">
<img src="http://i39.tinypic.com/iohipw.gif">
</div>

who i'd like to meet:

CODE

<div class="content" style="position: absolute; left:545px; top:415px; width:320px; height:400px; overflow: auto;"><center>
<a href="http://friends.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">ADD</a>|<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">MESSAGE</a>|<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX">COMMENT</a>|<a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX">BLOCK</a>|<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX">PHOTOS</a><br>
this is just random text. this is just random text. this is just random text. this is just random text. this is just random text. this is just random text. this is just random text. this is just random text. this is just random text. this is just random text. this is just random text. this is just random text. this is just random text. this is just random text. this is just random text. this is just random text. this is just random text. this is just random text. this is just random text. this is just random text. this is just random text. this is just random text. this is just random text. this is just random text. this is just random text. this is just random text. this is just random text. this is just random text. this is just random text. this is just random text. this is just random text. this is just random text. this is just random text. this is just random text. this is just random text. this is just random text. this is just random text. this is just random text. this is just random text. this is just random text. this is just random text.
</div>

[Emmi237]

Hmmm

Have you tried putting your image url in the CSS as the background image of the "bg" div?
Using..

CODE

background-image:url('http://i39.tinypic.com/iohipw.gif')

Like this:

CODE

<div class="bg" style="position: absolute; left:545px; top:175px; width:320px; height:500px; overflow: hidden; background-image:url('http://i39.tinypic.com/iohipw.gif')">
</div>

[Emmi237]

Hmm maybe not, just tried that code on its own and it worked both ways.
Which may suggest that its another setting in your CSS which is causing the problem...

[Mickey]

Replace your About Me codes with this:

CODE

<p><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmNyZWF0ZWJsb2cuY29tL2xheW91dHMvaW5kZXgucGhwP2xheW91dD1teXNwYWNl
2xheW91dHM=" title="Grab Myspace Layouts and Myspace Codes" target="_blank"><img src="http://www.createblog.com/images/link1.gif" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p>

<style>
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,
btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:0px;height:.0%;width:0px;}
table table table table,table table table table td.text, td.text td.text table, table div div{display:none;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}

body {
background-color: e4c355;
background-image: url("");
background-position: bottom right;
background-repeat: repeat;
background-attachment: fixed;
scrollbar-arrow-color:ffffff;
scrollbar-track-color: e4c355;
scrollbar-shadow-color: e4c355;
scrollbar-face-color:e4c355;
scrollbar-highlight-color:e4c355;
scrollbar-darkshadow-color:e4c355;
scrollbar-3dlight-color:e4c355;}

table, tr, td {background-color: transparent; border: 0px;}
table table {border: 0px;}
table table table table{border: 0px;}

table table table {border: 0px solid; border-color: 000000; background-color:transparent; }

body,table, td, li, p, div, textarea
{font:normal 9px arial; color:000000; font-weight:none; border:0px; text-transform: none; line-height:12px;}

.text {font:normal 8px arial; color:000000; font-weight:none; border:0px; text-transform: none; line-height:12px;}

a:active,a:visited,a:link,a{
color:000000;
font-size:15px;
margin-top:1px;
cursor:default;
font-weight:normal;
letter-spacing:1px;
font-family:tahoma;
text-decoration:none;
text-transform:uppercase;}
a:hover{
color:e4c355;
font-size:15px;
margin-top:1px;
cursor:default;
font-weight:normal;
letter-spacing:1px;
font-family:tahoma;
text-decoration:none;
text-transform:uppercase;}

.standard b, p b, B, strong {
font-family:arial; font-size:12px; color:336179; font-weight:none;border:0px; text-transform: uppercase; }
table div font a {visibility:hidden;}
</style>

<div class="bg" style="position: absolute; left:50%; margin-left:-160px; top:175px; width:320px; height:500px; overflow: hidden;">
<img src="http://i39.tinypic.com/iohipw.gif" />
</div>

That should do it.

[Harp]

fixed. thanks mike.

[Mickey]

Topic closed & moved.