I have this code which should resize the image in the header.
#headerWrap {
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
width: 90%;
height: 7%;
background: url('Images/header.gif') no-repeat;
}
img.image {
width: 100%;
height: 7%;
}
and this is the html code to go with it
<div id="headerWrap" align="center"><img src="Images/header.gif" class="image"></img></div>
I have tried changing
img.image to #headerWrap img
but that did not make a difference. How could I fix this code to resize the image?
Thanks for the help.