Button/Input CSS-Problem

[Osiris]

Versuchs damit:

<style type="text/css">
#addtocart {
 margin-top:15px;
 margin-bottom:15px;
 border:0;
 width:156px;
 background-color: lime;
 vertical-align: top;
}
#addtocart input {
 border:0px;
 width:36px;
 height:22px;
 background-color:yellow;
 vertical-align: top;
 float: left;
}
#addtocart button {
 background-color:red;
 background-repeat:no-repeat;
 height:22px;
 width:120px;
 border:0;
 text-decoration:underline;
 color:#ffffff;
 vertical-align: top;
  float: left;
}
</style>

<form>
 <div id="addtocart">
    <input type="text" value="test"/>
    <button type="submit">dssdfsdf</button>
 </div>
</form>