Anyone good at cascading stylesheets? I'm setting up a <div> with a background image. The <div> contains a logo image (.png file).
The CSS:
div#bannerBox{
background-color: transparent;
background-image: url(images/banner.png);
height: 97px;
overflow: hidden;
}
img#logo{
position: absolute; top:6px; left:175px;
}
The html page references the CSS correctly and in the <body> I have:
<div id="bannerBox">
<img id="logo" src="images/logo.png">
</div>
In Firefox I get exactly what the code says I should: a header image with the logo overlayed at exactly where it's told to be. In IE the header image is behaving properly, but the logo image is at the top left of the page.
Any ideas?
The CSS:
div#bannerBox{
background-color: transparent;
background-image: url(images/banner.png);
height: 97px;
overflow: hidden;
}
img#logo{
position: absolute; top:6px; left:175px;
}
The html page references the CSS correctly and in the <body> I have:
<div id="bannerBox">
<img id="logo" src="images/logo.png">
</div>
In Firefox I get exactly what the code says I should: a header image with the logo overlayed at exactly where it's told to be. In IE the header image is behaving properly, but the logo image is at the top left of the page.
Any ideas?
tuff;