title: Fluid width not working in firefox
body: <p>Good evening, very new to the web design world but loving it so far, and this site has helped me so much but I'm stuck with a firefox problem.</p>
  
  <p>In Safari, IE, Chrome and Opera my layout works as it is supposed to. But in Firefox alone, the min-width property is not working! The layout keeps compressing and the 15px right margin keeps moving to the left instead of stopping (like it does in the 4 other browsers!)</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8"&gt; 
      &lt;link rel="stylesheet" type="text/css" href="IL_new.css"&gt;
          &lt;title&gt;Name here&lt;/title&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;header&gt;
  &lt;div id="header-text"&gt;Name here&lt;/div&gt;
  
  &lt;nav&gt;
      &lt;ul&gt;
          &lt;li&gt;item 1&lt;/li&gt;
          &lt;li&gt;item 2&lt;/li&gt;
          &lt;li&gt;item 3&lt;/li&gt;
          &lt;li&gt;item 4&lt;/li&gt;
          &lt;li&gt;item 5&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/nav&gt;
  &lt;/header&gt;
  &lt;div id="margin"&gt;
  &lt;div id="shell"&gt;
  
  &lt;/div&gt;
  &lt;/div&gt;
  
  
  &lt;/body&gt;&lt;/html&gt;
  </code></pre>
  
  <p>with styling:</p>
  
  <pre><code>header {
  background: -webkit-linear-gradient(top,       #19cad5 0%,#0066b5 100%);
  background: -moz-linear-gradient(top,       #19cad5 0%,#0066b5 100%);
  background: linear-gradient(to bottom, #19cad5 0%,#0066b5 100%); 
  border: solid black; border-width: 1 0 1 0;
  height: 125px;
  margin: 0 0 0 0;
  position: relative;
  min-width: 900;
  }
  
  
  
  #header-text {
      border: 1px solid black;
      color: #610079  ;
      height: 125;
      position: absolute; left:0px; bottom:0px;
      padding:0 0 0 30;
      font-family: "verdana"; font-size: 48px; font-weight: bold;
  }
  
  
  
  /* START DROP DOWN NAV MENU */
  
  nav {
      position:absolute; right:0px; bottom:0px; 
      padding:0 30 0 0;
  }
  nav ul li {
      float: left;
      padding: 0 15;
      list-style: none;
  }
  
  /* END DROP DOWN NAV MENU */
  
  /* END HEADER */
  
  /* START CONTAINERS */
  
  #margin {
  border: 1px solid red;
  height: 300;
  margin: 10 15;
  min-width: 870;
  }
  
  #shell {
  border: 1px solid green;
  height: 300;
  min-width: 870;
  }
  
  
  /* END CONTAINERS */
  </code></pre>
  
  <p>Being so new to this, I have no doubt there's some errors/back practices in my mark up BUT as mentioned, it is working exactly how I want it to in Opera, Safari, IE and Chrome but NOT FIREFOX!</p>
  
  <p><em>borders etc. are there for my design reference</em></p>
  
  <p><em>i am using the latest versions of all browsers</em></p>
  
  <p>Thank you very much for your time.
  Shane</p>