IE can't read my pages and I have to finish a site

Get Started
1

Hi anyone - help!

My pages are displaying on a Mac and a Windows 7 machine using Firefox 7.0.1, Google Chrome 15.0.874.106, and Internet Explorer 9. In fact every browser except for IE. Which many of my clients appear to use.

It’s untidy as I am working on it and I am learning

More than one page fails but here is just one…

http://lennoxstreetstudios.com/artists.html

and here is the CSS

@charset “UTF-8”;
/* CSS Document */

h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
font-weight: 600;
}

h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color:#333333;
}

h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight:bold;
color:#000033;

}

p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #333333;
text-decoration: none;
z-index: 1;
}

a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color:#000000;
text-decoration: none;

}

a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color:#000000;
text-decoration: none;
}

a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-variant:normal;
text-transform: none;
color:#FFFFFF;
text-decoration:none;
background-color:#FFFFFF;
}

#wrapper {
position:absolute;
top:22px;
left:22px;
background-repeat: no-repeat;
width:820px;
height:1016px;
z-index: 1;
padding-right: 0px;
border-top: none;
border-bottom: none;
border-left: none;
border-right: solid;
border-color:#CCCCCC;
}

#banner {
background-image:url(…/images_lennoxst/designLayouts/bannerNewSmall.jpg);
position:absolute;
top:2px;
left:438px;
border:none;
width: 377px;
height: 171px;
background-repeat:no-repeat;
z-index: 1;
}

#intro {
position:absolute;
width:302px;
height:349px;
z-index:6;
left: 493px;
top: 459px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color:#000000;
padding-left: 5px;
padding-right: 5px;

}

#splat{
position:absolute;
width:486px;
height:454px;
top:327px;
left:-4px;
background-image:url(…/images_lennoxst/designLayouts/brownSplash.jpg);
background-repeat:no-repeat;
z-index: 1;
}

.style18 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px; font-style: normal;
line-height: normal; font-weight: bold;
font-variant: normal; color: #999999;

	}

.h1safarifix {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
font-weight: 700;
}

#navigation1 {
position:absolute;
height:165px;
top: 229px;
width: 161px;
background-color: #FFF;
color: #6C1313;
float: left;
margin-left: 0px;
margin-right: 0px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
z-index:2;
left: 4px;
}

#navigation1 h2, #navigation hr {
display: block
padding: 0px 5px;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color:#FFFFFF;
}

#navigation1 ul {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:600;
margin: 0px;
padding: 0px;
list-style: none;
text-align:left;
}

#navigation1 ul li {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:16px;
border-bottom-width: 3px;
border-bottom-color: #FFFFFF;
text-align:left;
}

#navigation1 ul li a {
padding: 5px;
display: block;
background-color:#777372;
color:#FFFFFF;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:16px;
text-align:left;
}

#navigation1 ul li a:hover {
background-color:#8A8C38;
color:#FFFFFF;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:16px;
text-align:left;
text-decoration:none;
}
.noBorder {
border-bottom:none;
}

h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
line-height: 27px;
color: #000000;
font-weight: lighter;
}
body {
background-color: white;
}

#header {
position:absolute;
height:33px;
width:617px;
left:188px;
top:225px;
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#777372;
font-weight: bold;
font-size: 20px;
border-bottom: solid;
border-bottom-width: 1px;
z-index: 2;
}

#galleryThumb1 {
position:absolute;
width:85px;
height: 85px;
z-index:4;
left: 0px;
top: 0px;
padding: 5;
}

#galleryThumb2 {
position:absolute;
width:85px;
height: 85px;
z-index:4;
left:105px;
top: 0px;
}

#galleryThumb3 {
position:absolute;
width:95px;
height: 95px;
z-index:4;
left: 210px;
top: 0px;
}

#galleryThumb4 {
position:absolute;
width:85px;
height: 85px;
z-index:4;
left: 315px;
top: 0px;
}

#galleryThumb5 {
position:absolute;
width:85px;
height: 110px;
z-index:4;
left: 525px;
top: 0px;
}

#galleryThumb6 {
position:absolute;
width:85px;
height: 85px;
z-index:4;
left: 420px;
top: 140px;
}

#galleryThumb7 {
position:absolute;
width:85px;
height: 85px;
z-index:4;
left: 420px;
top: 412px;
}

#galleryThumb8 {
position:absolute;
width:85px;
height: 85px;
z-index:4;
left: 0px;
top: 550px;
}

#galleryThumb9 {
position:absolute;
width:85px;
height: 85px;
z-index:4;
left: 210px;
top: 140px;
}

#galleryThumb10 {
position:absolute;
width:85px;
height: 85px;
z-index:4;
left: 315px;
top: 412px;
}

#galleryThumb11 {
position:absolute;
width:85px;
height: 85px;
z-index:4;
width:90px;
z-index:4;
left: 210px;
top: 412px;
}

#galleryThumb12 {
position:absolute;
width:85px;
height: 85px;
z-index:4;
left: 538px;
top: 561px;
}

#galleryThumb13 {
position:absolute;
width:85px;
height: 85px;
z-index:4;
left: 525px;
top: 140px;
}

#galleryThumb14 {
position:absolute;
width:85px;
height: 85px;
z-index:4;
left: 0px;
top: 275px;
}

#galleryThumb15 {
position:absolute;
width:95px;
height: 95;
z-index:4;
left: 105px;
top: 550px;
}
#galleryThumb16 {
position:absolute;
width:85px;
height: 85px;
z-index:4;
left: 315px;
top: 140px;
}
#galleryThumb17 {
position:absolute;
width:85px;
height: 85px;
z-index:4;
left: 105px;
top: 140px;
}
#galleryThumb18 {
position:absolute;
width:85px;
height: 85px;
z-index:4;
left: 437px;
top: 562px;
}
#galleryThumb19 {
position:absolute;
width:85px;
height: 85px;
z-index:4;
left: 105px;
top: 275px;
}
#galleryThumb20 {
position:absolute;
width:85px;
height: 85px;
z-index:4;
;
z-index:4;
left: 210px;
top: 275px;
}
#galleryThumb21 {
position:absolute;
width:85px;
height: 85px;
z-index:4;
left: 315px;
top: 275px;
}
#galleryThumb22 {
position:absolute;
width:85px;
height: 85px;
z-index:4;
left: 420px;
top: 275px;
}

#galleryThumb23 {
position:absolute;
width:85px;
height: 85px;
z-index:4;
left: 526px;
top: 276px;
}
#galleryThumb24 {
position:absolute;
width:85px;
height: 85px;
z-index:4;
left: 422px;
top: 0px;
}
#galleryThumb25 {
position:absolute;
width:85px;
height: 85px;
z-index:4;
left: 0px;
top: 412px;
}

#galleryThumb26 {
position:absolute;
width:85px;
height: 85px;
z-index:4;
left: 1px;
top: 0px;
}

#galleryThumb26 {
position:absolute;
width:85px;
height: 85px;
z-index:4;
left: 105px;
top: 412px;
}
#galleryThumb27 {
position:absolute;
width:85px;
height: 85px;
z-index:4;
left: 210px;
top: 399px;
}

#galleryThumb28 {
position:absolute;
width:85px;
height: 85px;
z-index:4;
left: 315px;
top: 399px;
}

#galleryThumb29 {
position:absolute;
width:85px;
height: 85px;
z-index:4;
left: 367px;
top: 377px;
}

#galleryThumb30 {
position:absolute;
width:85px;
height: 85px;
z-index:4;
left: 525px;
top: 411px;
}

#galleryThumb31 {
position:absolute;
width:89px;
height: 85px;
z-index:4;
z-index:5;
top: 140px;
left: 0px;
}

#galleryThumb32 {
position:absolute;
width:85px;
height: 85px;
z-index:4;
top: 107px;
left: 612px;
}

gallerythumb33 {
position:absolute;
width:85px;
height: 85px;
z-index:4;
top: 107px;
left: 612px;

}

.galleryName

{

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#000000;
text-align:center;
}
2

Sorry I had to take down the page and put a ratty old one up. Here is the html that goes with the css above. There must be some IE fix out there…

<!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>Lennox Street Studios, 111 Lennox Street, Newtown. 34 artists working in a historic building in inner-city Sydney.</title>
<style type=“text/css”>
<!–

@charset “UTF-8”;

</style>
<link href=“CSS/galleryMainNew.css” rel=“stylesheet” type=“text/css” media=“screen,print,handheld” />
<style type=“text/css”>

</style>
</head>

<body>
<div id= “wrapper”>
<div id= “banner”></div>

<div id=“links”>
<span class=“linksBold”> Jennie’s Links</span><br />
<br />
<a href=“PDFs/Jennie Pry Artist CV.pdf”>artist CV</a><br />
<br />
<a href=“pryGallery.html”>recent works</a><br />
<a href=“pryGallery1.html”>storeroom 1</a><br />
<a href=“pryGallery2.html”>storeroom 2</a><br />
<a href=“pryGallery3.html”>storeroom 3</a><br />
<a href=“pryGallery4.html”>storeroom 4</a><br />
<a href=“pryGallery5.html”>storeroom 5</a><br />
<a href=“pryGallery6.html”>storeroom 6</a><br />
<p class=“linksBold”>Contact Jennie</p>
<a href=“mailto:jpry@tpg.com.au”> jpry@tpg.com.au</a>
</div>

<div class=“style33” id=“header”>JENNIE PRY</div>

<div id=“navigation1”>
<ul>
<li><a href=“index.html”>home</a></li>
<li><a href=“history.html”>about us</a></li>
<li><a href=“artists.html”>artists</a></li>
<li><a href=“news.html”>news & events</a></li>
<li><a href=“contact.html”>contact & location</a></li>
<li><a href=“subscribe.html”> subscribe </a></li>
</ul>
</div>

<div id=“images”>

<div id=“galleryThumb1”><a href=“pryLargeEdgar.html”><img src=“images_lennoxst/pry2012/pryEdgarThumb.jpg” width=“150” height=“150” border=“1” title=“Jennie Pry | Artist, Lennox Street Studios, Newtown, Sydney” /></a></div>

<div id=“galleryThumb2”><a href=“pryLargeHugo.html”><img src=“images_lennoxst/pry2012/pryHugoThumb.jpg” alt=“Jennie Pry | Artist, Lennox Street Studios, Newtown, Sydney” title="Jennie Pry | Artist, Lennox Street Studios, Newtown, Sydney"width=“150” height=“150” border=“1” /> </a></div>

<div id=“galleryThumb3”><a href=“pryLargeClarence.html”><img src=“images_lennoxst/pry2012/pryClarenceFrontThumb.jpg” alt=“Jennie Pry | Artist, Lennox Street Studios, Newtown, Sydney” title="Jennie Pry | Artist, Lennox Street Studios, Newtown, Sydney"width=“150” height=“150” border=“1” /> </a></div>

<div id=“galleryThumb4”><a href=“pryLargeClarenceBack.html”><img src=“images_lennoxst/pry2012/pryClarenceBackThumb.jpg” alt=“Jennie Pry | Artist, Lennox Street Studios, Newtown, Sydney” title="Jennie Pry | Artist, Lennox Street Studios, Newtown, Sydney"width=“150” height=“150” border=“1” /> </a></div>

<div id=“galleryThumb5”><a href=“pryLargeCharles.html”><img src=“images_lennoxst/pry2012/pryCharlesThumb.jpg” alt=“Jennie Pry | Artist, Lennox Street Studios, Newtown, Sydney” title="Jennie Pry | Artist, Lennox Street Studios, Newtown, Sydney"width=“150” height=“150” border=“1” /> </a></div>

<div id=“galleryThumb6”><a href=“pryLargeSidneyFront.html”><img src=“images_lennoxst/pry2012/prySidneyFrontThumb.jpg” alt=“Jennie Pry | Artist, Lennox Street Studios, Newtown, Sydney” title="Jennie Pry | Artist, Lennox Street Studios, Newtown, Sydney"width=“150” height=“150” border=“1” /> </a></div>

<div id=“galleryThumb7”><a href=“pryLargeSidneyBack.html”><img src=“images_lennoxst/pry2012/prySidneyBackThumb.jpg” alt=“Jennie Pry | Artist, Lennox Street Studios, Newtown, Sydney” title="Jennie Pry | Artist, Lennox Street Studios, Newtown, Sydney"width=“150” height=“150” border=“1” /> </a></div>

<div id=“galleryThumb8”><a href=“pryLargeMilton.html”><img src=“images_lennoxst/pry2012/pryMiltonThumb.jpg” alt=“Jennie Pry | Artist, Lennox Street Studios, Newtown, Sydney” title="Jennie Pry | Artist, Lennox Street Studios, Newtown, Sydney"width=“150” height=“150” border=“1” /> </a></div>

<div id=“mainText”>
Painting and drawing have made a welcomed return in my life. I continue to push myself in new directions and have enjoyed seeing my work change and come back to teach me something new. <br />
<br />
At the moment I find myself drawn to nostalgic objects, in particular vintage bathing suits and the stories (real or imagined) of the women who filled them. Bathing suits hide as much as they reveal and expose. Like a woman’s body, the fabric folds and becomes thread bare and worn, yet she is still strong and imposing. <br />
<br />
Both the bathing suit and the female form continue to be a rich source of inspiration to explore and understand memory, nostalgia and womanhood’s transitional phases, drawing strength from drawing.</div>
</div>
<!–images!–>
</div>
</body>
</html>

3

You have an embedded style element with an unclosed comment:

<style type="text/css">
<!--


@charset "UTF-8";


</style>

Just remove the whole style element.

And there is no stylesheet file at the location specified in this link:

<link href="CSS/artists.css" rel="stylesheet" type="text/css" media="screen,print,handheld" />
4

Thank you so much - that is great. And I know what to look out for in future. Many many thanks.