Hi tomerg3 thanks for your reply. I have done the following inside the global.css file and things are looking a lot better. global.css I wanted a fancy shadow around the content and used the following code: #columns { border: 1px solid #999999; -moz-box-shadow: 3px 3px 4px #999999; -webkit-box-shadow: 3px 3px 4px #999999; box-shadow: 3px 3px 4px #999999; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999'); } I have commented out the code for the IE8 and IE5.5 -7 and got the following results as shown in the images Do you still think their may be a closing div missing or could this have been the problem, please see attached images. I am still not able to stop the menu hiding behind the content in IE7- so i will have a look for a missing div to see if this sorts it out. Also the search input box is way bigger than the rest of the input fields in IE8 any comments and help most appreciated.