min-width problem

[Oliver]

-----------css-----------------

#navigation
  {
  padding-top:30px;
  background-color:#000000;
  float:left;
  text-align:center;
  width:220px;
  height:400px;
  }

#inhalt
  {
  margin-left:220;
  padding-top:30px;
  padding-left:30px;
  height:400px;
  background-color:#ffffff;
  }

---------html-------------

<div id="navi">
<img class="btn" src="bilder/btn/btn_home.gif" />
<img class="btn" src="bilder/btn/btn_gaestebuch.gif" />
<img class="btn" src="bilder/btn/btn_download.gif" />
<img class="btn" src="bilder/btn/btn_kontakt.gif" />
<img class="btn" src="bilder/btn/btn_impressum.gif" />
<img class="btn" src="bilder/btn/btn_danksagung.gif" />
</div>
<div id="inhalte">aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa</div>

so darum geht es..... jetzt stelle ich folgende probleme fest:

so wie es momentan ist, wird das div element so lange kleiner bis im IE die breite des längsten wortes erreicht ist, dann wird das div element nach unten verschoben......
im FF das div element kleiner wird bis die breite 0 erreicht der text bleibt allerdings neben der navi leiste stehen.......

wenn ich jetzt min-width eingebe dann oder width eingebe im inhalt dann stelle ich auch probleme fest:

im FF scheint alles zu funktionieren wie es soll auch wenn der phase5 editor so tut als ob er min-width nicht kennt (min-) ist wie normale schrift und nur "width" ist blau eingefärbt...

im IE wird der befehl wohl einfach ignoriert so wie es hier aussieht... also was kann ich dagegen tun?