Hi guys, this is just some test stuff I'm doing with CSS but for the life of me I don't know whats wrong here.
I have an image defined in the CSS to appear as a header,
here is the CSS
here is the HTML
In FF the image appears in the right place just fine. In IE6 and IE7 there is no image, just the text 'tomorrows toys'
Any ideas?
I have an image defined in the CSS to appear as a header,
here is the CSS
Code:
body{
margin:0px;
padding:0px;
}
#wrapper{
width:100%;
}
#header{
height:50px;
width:100%;
background:url(../images/header.jpg)repeat-x;
}
#main{
float:left;
padding-left:0px;
margin-left:25%;
position:absolute;
margin-right:100%;
height:100%;
}
here is the HTML
Code:
<html>
<head>
<title> Online Shop</title>
<link rel="stylesheet" type="text/css" href="css/shopcss.css"/>
</head>
<body>
<div id="wrapper">
<div id="header">
Tomorrow's Toys
</div>
</div>
</body>
</html>
In FF the image appears in the right place just fine. In IE6 and IE7 there is no image, just the text 'tomorrows toys'
Any ideas?