On a page I am having issues with I created a DIV with an image backgroud that is repeated on the Y axis.
The image works and changes the height automaticly in EI but, in Google Chrome and Firfox it doesn’t work.
This is my HTML:
————————————
<html>
<head>
<title>Real Estate Homes</title>
<meta http-equiv=“content-type” content=“text/html; charset=iso-8859-1” />
<link href=“css/rollover.css” rel=“stylesheet” type=“text/css”>
<link href=“css/master.css” rel=“stylesheet” type=“text/css”>
</head>
<body>
<div id=“page-container”>
<div id=“datawindowtop”></div>
<div id=“dataspacer”>sdfsdfs
sdfsdf
sdfsdfsd
sdfsdfsdf
</div>
<div id=“datawindowbottom”></div>
</div>
</body>
</html>
————————————
This is the CSS:
————————————
#datawindowtop {
width:850px;
height:62px;
background:url(”../images/datawindow_01.gif”) no-repeat;
}
#dataspacer {
width:850px;
height:1px;
background:url(”../images/datawindow_02.gif”) repeat-y;
}
#datawindowbottom {
width:850px;
height:69px;
background:url(”../images/datawindow_04.gif”) no-repeat;
}
————————————
Hope someone can help me here.
The URL to see the issue I am having (try in different browsers):