title: html / css problem
body: <p>i'm trying to achieve the following (for building a form):</p>
  
  <pre><code>Name: [        ] *
  </code></pre>
  
  <p>my markup is:</p>
  
  <pre><code>&lt;label&gt;Name:&lt;/label&gt;
  &lt;input type=text name=name&gt;
  &lt;span class=validate&gt;&lt;/span&gt;
  </code></pre>
  
  <p>my css is:</p>
  
  <pre><code>label
  {
      display:block;
      width:50px;
      float:left;
  }
  input
  {
      float:left;
  }
  span.validate
  {
      display:block;
      background-image:url(img/required.png);
      width:16px;
      height:16px;
  }
  </code></pre>
  
  <p>the problem: the validate-span is positioned to the very left border instead of right to the textbox. what is wrong?</p>
  
  <p>thanks</p>