I'm working on getting a test site up, but in the meantime I was hoping
someone could look over my code quickly and see if anything jumps out as
possibly causing this bug. My background images aren't showing up in IE 7.
They work perfectly fine in both Safari and Firefox.
I've looked over the code endlessly and tried a lot of different hacks from
online forums, but nothing has worked yet. I've tried many times to change
the position of the #indexjacket element, which is not showing up, with no
success. The #textstrip element is also not appearing, although the
#indextext one is. Any ideas??
Here's the HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml";>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>- Welcome -</title>
<link href="wto.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="indexjacket">
<div id="textstrip">
<p id="open"><a href="toc.html">Open</a></p>
</div>
<div id="transbox"></div>
<div id="indextext"></div>
</div>
</body>
</html>

And the CSS:

body {
background-color:#413a19;
}

#indexjacket {
background: url(images/indexbkgd.jpg);
width:990px;
height:726px;
margin:0 auto;
margin-top:40px;
z-index:1;
position:relative;
}

#textstrip {
background: url(images/textstrip.jpg);
width:1014px;
height:156px;
position:absolute;
top:445px;
left:-10px;
z-index:2;
}

#transbox {
background-color:#660000;
width:493px;;
height:379px;
filter:alpha(opacity=50); /* for IE */
opacity:0.5;
z-index:3;
position:absolute;
top:255px;
left:39px;
}

#indextext {
background: url(images/indextext.png);
width:465px;
height:357px;
position:absolute;
top:265px;
left:49px;
z-index:4;
}

#open {
font-family: orator std, courier;
font-size:3em;
position:absolute;
right:25px;
bottom:0px;
padding:0;
margin:0;
}

#open a:link {text-decoration:none; color:#fffde8;}
#open a:visited {text-decoration:none; color:#fffde8;}
#open a:hover {color:#cccc32;}

Thanks for looking!!
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to