Probleem met inlogvak.

Hey,

Ik heb nu een geslicede layout maar nu staat het inlog vak onder de header terwijl het eigenlijk ernaast moet zijn. De div id="login_vak" is het login vak. Weet iemand hoe ik dit naast de header kan krijgen?
Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    
    <title>Men at War - Online Oorlog Game</title>
    
    <link href="http://menatwar.one2xs.com/v1/style.css" rel="stylesheet" type="text/css" />
    
    <script href="http://menatwar.one2xs.com/v1/inc/jquery.js" type="text/javascript"></script>
    <script href="http://menatwar.one2xs.com/v1/inc/ajax.js" type="text/javascript"></script>
    
</head>
<body>

<div id="container">
    <div id="logo">
        <a href="http://menatwar.one2xs.com/v1/" title="Men at War"><span>Men at War</span></a>
    </div>
        <div id="login_vak">Hallo
    </div>
    
    <div id="clear"></div>
    
    <div id="topbar">
    </div>
    
    <div id="content">
        <div id="links">
            <h1>Navigatie</h1>
            [COLOR= #0000BB]<?[/COLOR] [URL="http://www.php.net/include"]include[/URL] [COLOR= #007700]([/COLOR][COLOR= #DD0000]"menu.php"[/COLOR][COLOR= #007700]);[/COLOR] ?>
        </div>
        <div id="midden">
            <h1>Home</h1>
Zooi</A>
        </div>
    </div>
    
    <div id="footer"><center>
        Copyright &copy; MenAtWar 2009 - 2010.<br />
        <font color="white"><a href="http://menatwar.one2xs.com/v1/algemenevoorwaarden" title="Algemene Voorwaarden">AV</a> | <a href="http://menatwar.one2xs.com/v1/contact" title="Contact">Contact</a> | <a href="http://menatwar.one2xs.com/v1/rss" title="RSS">RSS</a><br /></font>
        <iframe width="468" height="60" frameborder="0" scrolling="no" src="http://www.menatwar.one2xs.com/banner"></iframe></center>
    </div>
    
</div>

zin 18 tot 20; Kan je beter zelf in tabel in voegen

in je css veranderen?