qubol
12-07-2006, 11:19 PM
Hey guys
I've recently designed this site:
www.colonspanishschool.com (http://www.colonspanishschool.com) and all is good apart from one annoying problem in IE. The layout has been created through a series of divs, in one of those divs I have tried to place a butterfly image that sits in a layer above. This works great in Firefox but not so well in IE because the IE insists on making the height of the area inside the div the same as the height of the image (93px) even though I have specified the height in the CSS (39px).
This part of the page uses the following CSS
.butterfly {
position:relative;
overflow: hidden;
top:-70;
left:605;
z-index:4;
border: none;
}
#SAE {
background: #E2E1E1;
text-align: left;
margin: 0px auto;
width: 702px;
height: 39px;
vertical-align: top;
padding-top: 0px;
padding-bottom: 0px;
}
I hope I have explained this well enough, let me know if you need any further explanation
Cheers
qubol
I've recently designed this site:
www.colonspanishschool.com (http://www.colonspanishschool.com) and all is good apart from one annoying problem in IE. The layout has been created through a series of divs, in one of those divs I have tried to place a butterfly image that sits in a layer above. This works great in Firefox but not so well in IE because the IE insists on making the height of the area inside the div the same as the height of the image (93px) even though I have specified the height in the CSS (39px).
This part of the page uses the following CSS
.butterfly {
position:relative;
overflow: hidden;
top:-70;
left:605;
z-index:4;
border: none;
}
#SAE {
background: #E2E1E1;
text-align: left;
margin: 0px auto;
width: 702px;
height: 39px;
vertical-align: top;
padding-top: 0px;
padding-bottom: 0px;
}
I hope I have explained this well enough, let me know if you need any further explanation
Cheers
qubol