I spotted looking at you source code for the social icons displayed inline near the header (on a single line), that your using this.
[CODE]<div class="grid_3 alpha omega">
<ul class="socials">
<li class="gplus"><div class="g-plusone" data-size="medium"></div></li>
<li class="twit"><a href="https://twitter.com/share" class="twitter-share-button" data-via="wdwfanscom" data-hashtags="wdwfans">Tweet</a></li>
<li class="fbook"><fb:like href="http://www.facebook.com/pages/WDWFanscom/167172956714401" send="false" layout="button_count" show_faces="false" font="arial"></fb:like></li>
</ul>
</div>[/CODE]
Seeing as they are displayed on a single line, there's no need to be using.
If you've taken it from the sidebar panel to use there, keep in mind they are displayed one below the other there on a new line, hence why it's used to do it without needing a <br /> throwing in. You do something like this instead of the top of my head using (a none line breaking spacing code) to create gap on the same line between each social icon as an example, do away with the "<ul><li>'s". They are used to display an ordered list on a new line below each other.
Just a quick example using the source code:
