Andreas: ELemente verschieden in DIV positionieren

Beitrag lesen

Hallo,

ich habe wahrscheinlich eine Frage, die schon tausende Mal gestellt wurde. In einer Webanwendung habe ich eine Tabelle, die durch verschiedene Aktionen beeinflusst werden kann. Dazu habe ich ein DIV um die die Elemente gebaut.
Nun ist es aber so, dass das Span-Element mit dem Bild (das zweite) immer eine Zeile tiefer dargestellt wird. Das kann ich gar nicht verstehen.

Hier mal der Auszug aus der darzustellenden Seite.

<html>
<body>
<div style="padding: 3px; border: solid 2px #555;">
 <div style="background-color: #369; color: #fff; padding: 2px; margin-bottom: 3px;">
  <span style="width: 200px;">Auszuwertendes Jahr:
   <select>
    <option selected="selected" value="2007">2007</option>
    <option value="2008">2008</option>
   </select>
  </span>
  <span style="float: right;width: 100px;"><img src="drucker.gif" alt="drucken"/></span>
 </div>

<table>
  <tr><td>Test</td></tr>
 </table>
</div>
</body>
</html>

Vielleicht kann mir jemand helfen. Bin nämlich am verzweifeln.

Andreas