title: Help with CSS for IE6
body: <p>My site looks bad in IE6, but fine in Firefox. It seems to affect the images and boxes I have made in css.</p>
  
  <p>In Firefox it looks great, "Rounded Box" and no issues but in IE6 it comes out square and is not aligned!! Plus the forms I have also come out square and the background images are gone.</p>
  
  <pre><code>td.login_bar {
      border-radius:10px;
      border:solid 1px #666;
      padding:10px;
      background-color:#efefef;
      -webkit-border-radius:10px;
      -moz-border-radius:10px;
  }
  .join_input {
      border:solid 1px #CCC;
      padding:5px;
      width:250px;
      font-size:14px;
      color:#999;
      -webkit-border-radius:4px;
      -moz-border-radius:4px;
  }
  .join_input:focus {
      border:solid 1px #666;
      font-weight:bold;
      background-image:url(../imgs/edit_small_ico.png);
      background-position:left;
      background-repeat:no-repeat;
      padding-left:25px;
  }
  </code></pre>
  
  <p>So what do I need to do to fix this issue? Or just ban IE6?
  Do i need to format a new .css just for ie6+?</p>
  
  <p>*UPDATE:
  I updated my code thanks to you guys but it still looks bad, just not as bad lol so i will keep working at it thanks guys!</p>