I have a background image behind a slider and FOX and SAFARI read it perfect but in IE, the image scrolls with the text. I am aware of background-attachment:fixed and tried it, but the site can move woth the window size so it doesn’t work. I’m a total nube so any help would be greatly appreciated. This is the very last bug in the site and I’m done… Thanks in advance.
Any help would be greatly appreciated!
http://todarocreative.com/test/blogcopy.html
This is the important pieces of code I had to cut it to fit the character constraints.
<!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>
<title>Chris Keaton</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<!-- ImageReady Styles (MASTER_ARTWORK_BLOG.psd) -->
<style type="text/css">
<!--
#Table_01 {
position:absolute;
left:0px;
top:0px;
width:800px;
height:600px;
top: 0px;
left: 50%;
margin-left: -400px;
}
#blog-09_ {
position:absolute;
left:93px;
top:150px;
width:614px;
height:450px;
overflow: auto;
background-image:url('images/nav/blogback.gif');
background-repeat:no-repeat;
<div id="blog-09_">
<h2 class="style2">February 11 - SLEEPER</h2>
<p class="style1"><A HREF="http://chris-keaton.com/images/blog/sleeperPoster.jpg" target="_blank"><IMG SRC="http://chris-keaton.com/images/blog/sleeperPoster.jpg" WIDTH=100 HEIGHT=150 align="left" hspace="10" style="border:none;"></A>Hey, Sleeper has a poster!<br><br> I just got word that it's almost ready for primetime. The final score is in and it'sn the home stretch. Once I have a trailer or some more news I'll be sure to post it here. </p>
<br><br><br><br><br>