Issue with adding social links after logo

[wootriffic]

Seems my coding is what screwed everything up.
simply doing <li> then the url </li> did the trick
addition of <ul> broke everything
The actual coding (its sloppy to get it how i wanted it, but works)

<div class="above_body"> <!-- closing tag is in template navbar -->
<div id="header" class="floatcontainer doc_header">
	<vb:if condition="$stylevar['titleimage']"><div><a name="top" href="{vb:link forumhome}" class="logo-image"><img src="{vb:stylevar titleimage}" alt="United Streamers" /><img src="http://unitedstreamers.net/digitalvb/morbid/misc/usn-header-logo-r.png" border="0" alt="United Streamers"></a><font color="#cdcdcd">|||||||||||||||||||||||||||||||</font>
<li><font color="#cdcdcd">||||||</font> <font size="2"><a href="http://twitter.com/U_S_N" rel="nofollow"> @U_S_N</a></font></li>
<li><font color="#cdcdcd">||||||</font> <font size="2"><a href="http://facebook.com/unitedstreamers.net" rel="nofollow"> USN Facebook</a></font></li>
<li><font color="#cdcdcd">||||||</font> <font size="2"><a href="http://twitter.com/streamerrt" rel="nofollow"> ReTweet Service</a></font></li><font color="#cdcdcd">|||||||||||||||||||||||||||||||</font>

so now it looks like this