title: html and css positioning of html pages "elements"
body: <p>i have question... iam writing simple html page with little bit of css.  EVERYTHING looks fine in IE, but if  I launch it with chrome - menu and My ContentPanel (iframe) are not abreast. </p>
  
  <p>What shall i do?  i can use only HTML and CSS, something </p>
  
  <p>small snippet of my css code:
  1. button menu- 2O%</p>
  
  <pre><code>ul#buttonmenu{
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 20%;
  float: left;
  }
  </code></pre>
  
  <p>iframe - as my second element on html page has width 80%.</p>
  
  <pre><code>iframe{
  height:100%;
  width:80%;
  float: right;}
  </code></pre>
  
  <p>in IE it looks fine but in chrome not .... is there any gerenal rule how to fix it?</p>
  
  <p>part of my html looks like:</p>
  
  <pre><code> &lt;div id="container" style="width:100%"&gt;
  
    &lt;div id="header" style="background-color:#CDB4C8;",widht=100%&gt;
  &lt;h1 style="margin-bottom:0;"&gt;Name&lt;/h1&gt;&lt;/div&gt;
  
  
  
    &lt;ul id="buttonmenu"&gt;
    &lt;li class="current"&gt;&lt;a href="first.html" target = "content"&gt;first page&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="second.html" target="content"&gt;Second page&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="third.html"  target="content"&gt;Third page&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="fourth.html" target="content"&gt;Fourth page&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="contact.html" target="content"&gt;Contact&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
  
  
   &lt;iFrame id="content" name="content" style="background-color:#EEEEEE;float:left;"&gt;
    &lt;/div&gt; 
  </code></pre>
  
  <p><a href="http://jsfiddle.net/nKPWV/" rel="nofollow">Fiddle of this code</a></p>