title: IE 8 CSS hover over input element issue
body: <p>My Issue:</p>
  
  <p>The code below works for me in FireFox and Google Chrome, but in IE the button does not change colors. could someone show me how I can fix this issue. Any Suggestions?
  My input element:</p>
  
  <pre><code>&lt;input id="pmunch" type="submit" value="Post It!"/&gt;
  </code></pre>
  
  <p>The CSS relevant to this element:</p>
  
  <pre><code>#pmunch{
  width:240px;
  height:28px;
  padding:2px 4px;
  margin-left:24px;
  font-family:‘Lucida Console’, Monaco, monospace;
  font-size:18px;
  border:none;
  float:left;
  background-color:turquoise;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  }
  #pmunch:hover{
  background-color:khaki;
  color:green;
  cursor:pointer;
  }
  </code></pre>