Hjälp en N00b med CSS3/Html5

Behöver hjälp med en grej jag suttit med hela dagen.

Vill få mina bilder/knappar att hamna under varandra, nu ligger dom på rad och flyter ut i min "article"
Vad har jag gjort för fel i koden eller css:en?

<a href="index.html">
<img src="apple1.jpg" alt="Hem" style="float:left;" />
</a>

<a href="http://www.facebook.com/sharer.php?u=http://www.catalinaimre...."
target="_blank"><img src="http://www.simplesharebuttons.com/images/somacro/facebook.png" alt="Facebook" /></a>

<a href="http://twitter.com/share?url=http://www.catalinaimre.se&amp text=Simple Share Buttons"
target="_blank"><img src="http://www.simplesharebuttons.com/images/somacro/twitter.png" alt="Twitter" /></a>
<img id="box">
<img src="blue.png" id="link" />
</img>

CSS

#share-buttons img {
width: 35px;
padding: 50px;
border: 0;
box-shadow: 0;
display: inline;
margin-bottom:0px;
}

img#box {
float:right;
margin-bottom:0px;
padding-top:150px;
}

Hjääääälp

Exakt så känner jag, börjar hajja lite av dem nu, visste inte att man kunde använda i en lista:) Ser det bättre ut menar du?