title: CSS :hover not working
body: <pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;style type='text/css'&gt;
              #body{
                  margin:0px;
              }
  
  
              #headerDiv{
  
                  background-color:#e0e2eb;
              }
              .header_innerHeaderDivs{
                  border:solid 1px gray;
                  display:inline;
                  font:normal 11px tahoma;
                  color:black;
              }
              .header_innerHeaderDivs:hover{
                  padding:4px;
              }
          &lt;/style&gt;
      &lt;/head&gt;
      &lt;body id='body'&gt;
          &lt;div id='headerDiv'&gt;
              &lt;div class='header_innerHeaderDivs'&gt;Comapny&lt;/div&gt;
              &lt;div class='header_innerHeaderDivs'&gt;Edit&lt;/div&gt;
              &lt;div class='header_innerHeaderDivs'&gt;Inventory&lt;/div&gt;
              &lt;div class='header_innerHeaderDivs'&gt;Logout&lt;/div&gt;
          &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <hr>
  
  <p>Using FireFox 3.6.3</p>