CSS/HTML: How would I make these images horizontally-aligned?

[MutSteath]

The problem I'm having is that my social media images/links are being displayed vertically. I would rather have it be displayed horizontally.jsFiddle: http://jsfiddle.net/JordanSimps/DQmm6/index.html\[code\]<div id="wrapper2"> <div id="twitter"> <a href="http://www.twitter.com" title="Twitter" id="twit"> </a> <a href="http://www.facebook.com" title="Facebook"> <div id="ff"> </div> </a> <a href="http://www.youtube.com" title="YouTube"> <div id="youtube"> </div> </a> <a href="http://www.vimeo.com" title="Vimeo"> <div id="vimeo"> </div> </a> <a href="http://www.addthis.com" title="AddThis"> <div id="addthis"> </div> </a> <a href="http://www.dribble.com" title="Dribble"> <div id="dribble"> </div> </a> </div></div>\[/code\]style.css\[code\]/* Social Media Links */ #wrapper2 { right: 34%; height: 10.850em; position: relative; float: right; } #twitter { position: absolute; list-style-type: none; bottom: 0; width: 225px; height: auto; overflow: hidden; } #twit { height: 32px; width: 32px; background-image: url(http://a.pictureupload.us/8067689795106d571328a7.jpg); background-repeat: no-repeat; background-color: transparent; background-position: top; } #twit:hover { background-position: bottom; } #ff { height: 32px; width: 32px; background-image: url(http://a.pictureupload.us/12635610355106d56e2c160.jpg); background-repeat: no-repeat; background-color: transparent; background-position: top; } #ff:hover { background-position: bottom; } #youtube { height: 32px; width: 32px; background-image: url(http://a.pictureupload.us/18402255565106d576a5d84.jpg); background-repeat: no-repeat; background-color: transparent; background-position: top; } #youtube:hover { background-position: bottom; } #vimeo { height: 32px; width: 32px; background-image: url(http://a.pictureupload.us/11318810305106d57415681.jpg); background-repeat: no-repeat; background-color: transparent; background-position: top; } #vimeo:hover { background-position: bottom; } #addthis { height: 32px; width: 32px; background-image: url(http://a.pictureupload.us/15195458355106d56859b0c.jpg); background-repeat: no-repeat; background-color: transparent; background-position: top; } #addthis:hover { background-position: bottom; } #dribble { height: 32px; width: 32px; background-image: url(http://a.pictureupload.us/8852823855106d56b1b08a.jpg); background-repeat: no-repeat; background-color: transparent; background-position: top; } #dribble:hover { background-position: bottom; }\[/code\]