Issues with left and right headers

[j3ffh]

I'm trying to figure out a way to change our header so there are 2 images, one left and one right. Currently we have it setup as default where the logo is on the left side and is specified in the titleimage style var and it works fine. Problem is when I edit the header template and remove the default config, it adds both images to the correct places however, the layout is screwed up. See attachments. First one is the default, second one is showing how it's not getting the proper layout. Don't mind the screwed up image, just trying to get it to work correctly, then will fix the logo with the proper one.

I tried changing the code from:

<vb:if condition="$stylevar['titleimage']"><div><a name="top" href="{vb:raw vboptions.homeurl}{vb:raw session.sessionurl_q}" oldhref="{vb:link forumhome}" class="logo-image"><img src="{vb:stylevar titleimage}" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></a></div></vb:if>

To:

<div style="float:right; position:absolute; right:20px; top:0px;"><a name="top" target="_blank" href="xxx" class="logo-image"><img src="xxx/forums/images/misc-custom/header_logo_right.gif" alt="CHUM Social Div Club - Houston Texas SCUBA diving" /></a></div>
<div style="float:left; position:absolute; left:20px; top:0px;"><a name="top" target="_blank" href="xxx" class="logo-image"><img src="xxx/forums/images/misc-custom/header_logo_left.gif" alt="CHUM Social Div Club - Houston Texas SCUBA diving" /></a></div>

As mentioned in another thread here but it's not keeping the logo's at the top, putting them behind the nav links and not spacing everything correctly.

Is there some style that I'm missing? This is my first time playing around with actual layout stuff with vbulletin so I'm sure it's probably something small that I'm forgetting to look at.

Any help is appreciated, thanks.