Howdy,

I've having some trouble getting consistency in IE(7). If you view http://www.universalcranes.com/draft in Firefox, it looks as intended. If you view it in IE, there are small gaps above and below the image in the middle at the top.

Has anyone else encountered this problem? Is there a solution?

Thanks in advance

Hi Foresttech,

You can do onething place the top image as a bg top positioned and no-repeat, and if you are using td or div then use a or top-padding of the height of the first image. when the class is applied to the td(if u r using tables) then the first images come as a bg on top and the 2nd image comes under that image as there is a padding-top height same as the first image height. If you are duing DIV then cide will be .

#top {
background: utl(images/top-image.jpg) no-repeat top left;
width:xxx;
height:top+bottom image;
---
}
#top img {
margin-top:height of the first image;
}
or for table
.top {
background: utl(images/top-image.jpg) no-repeat top left;
width:xxx;
height:top+bottom image;
padding-top:height of first image;
---}

I hope it will help you.

Bye
Subhadip