title: What's the best practice about dealing with corners on a fixed-height element?
body: <p>Here is my problem. I have to round corners on a</p>
  
  <pre><code>&lt;a href=""&gt;&lt;/a&gt;
  </code></pre>
  
  <p>but without using CSS3 properties because my code is supposed to be cross-browser compliant (IE6 and earlier, Safari 3 and earlier).</p>
  
  <p>What I managed to do is :</p>
  
  <pre><code>&lt;span&gt;
    &lt;a href=""&gt;My link&lt;/a&gt;
  &lt;/span&gt;
  </code></pre>
  
  <p>Giving my <strong>span</strong> a background image (5px width) left align and my <strong>a</strong> a 150px width image, right aligned so that the content could be fluid.</p>
  
  <p>I still have problems with the rendering under IE7 and I would like to know if there is another cleaner way to do this.</p>
  
  <p>Thanks a lot !</p>