Got the problem in IE7 displaying my layout, but in mozilla it seems fine. Please see the image IE Mozilla Here;s the code of center content of the page <div class="rounded" style="margin: 0pt auto; width:auto; background-color: #FCFBDC;"> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="748" valign="top"><div class="normaltext" style="margin:10px;"> <p>Welcome Text Here! Welcome Text Here! Welcome Text Here! Welcome Text Here! Welcome Text Here! Welcome Text Here! Welcome Text Here! Welcome Text Here! Welcome Text Here! Welcome Text Here! Welcome Text Here! Welcome Text Here! Welcome Text Here! Welcome Text Here! Welcome Text Here! Welcome Text Here! Welcome Text Here! Welcome Text Here!</p> <span class="normaltext"></span> </p> </div> <br /> <div class="xdiv" id="xborder"> <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td height="21" align="left" valign="top" background="images/bg.jpg"><span class="whiteBold">HOT PRODUCTS </span></td> </tr> <tr> <td height="36" valign="top"> </td> </tr> <tr> <td valign="top"> </td> </tr> </table> </div> Code (markup): anyone can help.. thanks in advance.
Is your code relying on the height of the featured products and inquiry boxes to set the height for the content div? Those boxes appear to be shorter in IE, probably because of the way IE treats the box model, like jamesicus is saying. I can't say for sure though without seeing the rest of your code. -Chris