Hi I have a problem that is seriously causing the cheese to slide off my cracker and wondered if anyone would be kind enough to help?

This page here - http://www.toolhire2day.co.uk/how-to-hire/offers is suffering from the curse of IE (all versions) - it displays correctly in FF/Opera/Safari and other well written browsers - but you gussed it - IE is playing up -Again!!!

The boxes for offers all line up in every other browser but IE is ofsetting them and i cant for the life of me work this out why it is doing it.
It seems to be doing something with the margin the rightmost box (bottom) sits below where it should do by approx 10px - i thought it might be this doubling margins thing - but even if i change the bottom margin to 0 to test it still does it.

Does anyone have any light to shed on this please?

*********ADDITIONAL INFO JUST FOUND OUT***/
It turns out the problem is when running in compatability mode as in iE7 - im not bothered about IE6 - but it would be great if i could nail this in IE7 - Thanks
******************************************


The css code is as follows:
/* FEATURE PRODUCTS */
.feature-products {
margin-left: 5px;
line-height: 1.2em;
font-size: 11px;
}
.offerbox {
float: left;
margin: 0 10px 10px 0;
width: 293px;
height: 148px;
background: url(/wp-content/uploads/2010/01/boxback-d2d.png) right bottom no-repeat;
text-align: left;
}
.offerbox .offerimg {
float: left;
width: 88px;
margin: 7px 7px 0;
padding-right: 5px;
padding-bottom: 8px;
text-align: center;
cursor: pointer;
}
.offerimg a {
margin: 0 auto;
margin-left: 3px;
display: block;
width: 91px;
height: 27px;
background:url(http://www.toolhire2day.co.uk/wp-con...morebutton.png) no-repeat;
}
.offerimg a:hover {
background:url(/wp-content/uploads/2010/01/morebutton-over.png);
}
.offerimg a span {
display: none;
}
.offerbox .offerdetails {
height: 132px;
width: 119px;
margin: 3px 0 0 95px;
}
.offerbox .buycolour {
color:#00117A;
}

Thanks

Im using IE8 and everything looks fine man.

Try deleting your cookies/ cache and then look at it.

IE8 might be cheating and just loading it saved from when it wasn't aligned. give it a try.

I managed to sort it out - for the benefit of people that search these threads - the problem was theat Wordpress was putting paragraph in the code even though i was making a comment for myself - the display:inline also helped.