This is almost certainly some quirk of IE 8. However, it's also clear that the background image for the body is not set in the stylesheet you linked to. It's set in an on page stylesheet:
Code:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>JCD Graphic Design</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="default2au.css" rel="stylesheet" type="text/css" media="screen" />
<script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
<link href="SpryAccordion.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="themes/default/default.css" type="text/css" media="screen" />
<link rel="stylesheet" href="themes/pascal/pascal.css" type="text/css" media="screen" />
<link rel="stylesheet" href="themes/orman/orman.css" type="text/css" media="screen" />
<link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" />
<link rel="stylesheet" href="stylex.css" type="text/css" media="screen" />
<style type="text/css">
<!--
body {
background-repeat: repeat;
background-color: #FFFFFF;
background-image: url(Images/imggraphicdesign2.jpg);
}
.style1 {color: #FFFFFF}
.style2 {color: #000000}
.style3 {
font-family: "Arial Black";
font-size: 17px;
color: #000000;
}
-->
</style>
If I copy this on page stylesheet from a working page (index.html) to the non-working page, it doesn't help. That's what makes me think it's some quirk of IE 8. That and the fact that the pages work in IE 9 and IE 7, and all those other browsers.
In any event, there's a fix that won't hurt any of those others, just add the !important keyword:
Code:
<style type="text/css">
<!--
body {
background-repeat: repeat;
background-color: #FFFFFF;
background-image: url(Images/imggraphicdesign2.jpg) !important;
}
.style1 {color: #FFFFFF}
.style2 {color: #000000}
.style3 {
font-family: "Arial Black";
font-size: 17px;
color: #000000;
}
-->
</style>
Browser compatibility Issue
Reply With Quote
Bookmarks