title: Inline block doesn't work in internet explorer 7, 6
body: <p>I have this CSS code with an <code>inline-block</code>. Can anyone tell me how to make it work in Internet Explorer 6 and 7. Any ideas? Maybe I'm doing something wrong? Thank you!</p>
  
  <pre><code>#signup {
     color:#FFF;
     border-bottom:solid 1px #444;
     text-transform:uppercase;
     text-align:center;
  }
  #signup #left {
     display: inline-block
  }
  #signup #right {
     background-image:url(images/signup.jpg);
     border-left: solid 1px #000;
     border-right: solid 1px #000;
     display: inline-block; 
     padding:1% 2%
     width:16%;
  }
  #signup #right a { font-size:100%; font-weight:bold } 
  #signup #right p { font-size:90%; font-weight:bold }
  #signup a:hover  { color:#FFF; text-decoration:underline }
  </code></pre>