Guma: DIV springt im IE6 nach unten wenn das Fenster verkl. wird

Hallo beim Verkleinern meines Browserfesnters springt das rechte Div immer nach unten. Gibt es eine Lösung, das zu verhindern?

Meine Bsp.-Datei:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">  
<title>test</title>  
<style type="text/css">  
<!--  
#contentcontainer {  
	width: 100%;  
	  
}  
#contentbereich {  
	width: 100%;	  
}  
#contentmain ul  { font: .9em Arial, Sans-Serif; margin-left: 1.2em; padding-left: 1.2em; line-height: 1.5em;}  
#contentmain {  
	font: .9em Arial, Sans-Serif;  
	margin-left: 284px;  
	width: 650px;  
}  
  
#contentmain h1 { float: left; line-height: 1.3em; font-style: normal; font: 1.6em "Trebuchet MS", Tahoma, Arial, Sans-Serif;  width: 98%; padding: 0px; height: 15px; font-weight: normal;}  
  
  
#contentleft {  
	width: 276px;  
	float: left;  
	display: inline;  
}  
-->  
</style>  
</head>  
<body>  
<div style="float: none; clear: both;"></div>  
<div id="wrap">  
  <div id="inhalt-oben"></div>  
  <div id="inhalt-middle">  
    <div id="inhaltsbereich">  
      <div id="contentleft">  
        <div id="submenu">  
          <ul>  
            <li><a href="#"><span>test</span></a></li>  
            <li><a href="#"><span>dsfsdf</span></a></li>  
            <li><a href="#"><span>sdfsd</span></a></li>  
          </ul>  
        </div>  
      </div>  
      <div id="contentmain">  
        <h1>sdfdsf</h1>  
                <p><b>sdfdsfsdf</b></p>  
        <div id="imagespacerechts"></div>  
                sdfsdds fgt ret ert rek rrhjrhfu eurhgu erhbgu reug huregh erh fsdh fgdksh gdufg earlgh udifghversdvnsd jfweukajs fkrsd gfkuejsd gfjsd hfjsdhcjewsdhfjsdh ilvdfgsjrehgizfsudhafgödbjnsfbhvkjcn erukjfhreuigfh24wourlfeqiäs oguöhfsaifougdsbfl isöhgfsd hfdashu fdsailghfdsig uksjdfhi dsfidshfildsjfsdhjf hsd fghdsfsdfsd  
               </td>  
            </tr>  
            <tr>  
              <td>&nbsp;</td>  
        </tr>  
          </tbody>  
        </table>  
      </div>  
      <div style="clear: both;"></div>  
    </div>  
    <div class="clear"></div>  
  </div>  
  <div id="inhalt-bottom"></div>  
</div>  
</body>  
</html>
  1. Mit übergeordnetem div hats funktioniert
    #inhaltsbereich { position: relative; width:979px; }

    Ist das so verschachteln so OK?