My website displays fine in IE7 and Firefox 2, but the images move when rendered in IE6. I can't seem to figure out the issue I appreciate all help.
heres the website:
Click
and here is the CSS:
@charset "utf-8";
/* CSS Document */
body {
margin: auto;
font: 62.5% Arial, Helvetica, sans-serif;
background: #628ebc url(../images/background2.jpg ) no-repeat scroll center top;
position: static;
height: 710px;
}
#center {
margin: auto;
width: 701px;
height: 375px;
bottom: 250px;
right: 120px;
position: relative;
}
#header {
margin: auto;
width: 515px;
height: 152px;
bottom: 600px;
right: 120px;
position: relative;
}
#right_top {
margin: auto;
width: 150px;
height: 53px;
bottom: 750px;
left: 300px;
position: relative;
}
#right_bottom {
margin: auto;
width: 264px;
height: 66px;
bottom: 700px;
left: 350px;
position: relative;
}
heres the website:
Click
and here is the CSS:
@charset "utf-8";
/* CSS Document */
body {
margin: auto;
font: 62.5% Arial, Helvetica, sans-serif;
background: #628ebc url(../images/background2.jpg ) no-repeat scroll center top;
position: static;
height: 710px;
}
#center {
margin: auto;
width: 701px;
height: 375px;
bottom: 250px;
right: 120px;
position: relative;
}
#header {
margin: auto;
width: 515px;
height: 152px;
bottom: 600px;
right: 120px;
position: relative;
}
#right_top {
margin: auto;
width: 150px;
height: 53px;
bottom: 750px;
left: 300px;
position: relative;
}
#right_bottom {
margin: auto;
width: 264px;
height: 66px;
bottom: 700px;
left: 350px;
position: relative;
}
Comment