Hi,
ie doesn't like the width of its elements defined by margins alone.
You can add the ubiquitous height:1% hack to force the issue as follows.
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style>
/*css layout*/
body {
min-width:778px;
margin:0px;
background:#ffffff url(images/bg.gif) repeat-y;
padding:0px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
}
#right {
position:absolute;
right:0px;
top:60px;
width:178px;
overflow:hidden;
}
#left {
position:absolute;
left:0px;
top:105px;
z-index:1;
width:175px;
margin:0px;
margin-left:-1px;
padding:20px 0px 10px 0px;
font-size:12px;
}
#main {
padding-top:0px;
margin:0px 187px 0px 180px;
}
#inner {
background:#CCCCCC;
border:1px dotted black;
padding:10px;
}
/* commented backslash mac hiding hack \*/
#main, #inner {height:1%}
/* end hack */
#header {
margin:0px;
position:relative;
height:120px;
width:735px;
z-index:2;
}
</style>
</head>
<body>
<div id="header">Header is here.</div>
<div id="left">Left Column</div>
<div id="main">
<div id="inner">
<textarea style="width:100%;" rows="4"></textarea>
</div>
</div>
<div id="right">Right Column</div>
</body>
</html>
The page will now display properly 
Paul
I wouldn't use it for every element but only when you notice something is wrong.
Bookmarks