hi,
add below style in head......
<style type="text/css">
html, body, div, iframe { margin:0; padding:0; height:100%; }
</style>
and remove the iframe container <table>
its working.....
below is the code..... hope it will be helpful 2 u...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
html, body, div, iframe { margin:0; padding:0; height:100%; }
</style>
</head>
<body style="width:1024px; height:100%; line-height:175%; margin:auto; font-family:Verdana, Geneva, sans-serif;
font-size:13px; background:#003; color:#CCC;">
<!-- Header Area --><table width="100%" height="125" bgcolor="#003366" style="margin-top:0px;
border-collapse:collapse;"></table>
<!-- Menu Area --><table width="100%" height="30" bgcolor="#006699" style="margin-top:10px;
border-collapse:collapse;"></table>
<!-- Framed Content, FLEXIBLE RESIZED TO FIT THE SCREEN... I WISH!! -->
<div style="margin-left:10px; margin-top:10px; position:relative;">
<iframe src="http://www.ikea.se" width="1002" height="100%" scrolling="yes" style="border-radius: 0.3em 0.3em 0.3em 0.3em;
border-collapse:collapse; position:relative;" ></iframe>
</div>
<!-- Footer Area --><table height="50px" width="1024" bgcolor="#006699" style="margin-top:10px;"></table>
</body>
</html>