Code Projects style menu bar

[wheelerbarry]

Hi, i'm in the process of learning ASP, so this is probably a really stupid question. I'm trying to create a simular effect to the green menu bar the code project has above. On the left i would like the menu, and on the right, the login status. I have tried a few things with div tags and styles but not got it working correctly. I notice above it is done with tables. Is that the only / best way to do it. This is the snipet of code im working at the moment. The left and right styles just have float set to left and right (surprisingly).

<div id="mainMenu" >
        <asp:SiteMapDataSource ID="siteMapDataSource" runat="server" ShowStartingNode="False" />
        <asp:Menu ID="menu" runat="server" DataSourceID="siteMapDataSource" Orientation="Horizontal"
            DisappearAfter="200" StaticEnableDefaultPopOutImage="False" 
              CssClass ="left">
        </asp:Menu>
        <div class="right">
        <asp:LoginView ID="loginView" runat="server">
            <LoggedInTemplate>
                <asp:LoginName ID="loginName" runat="server" />
            </LoggedInTemplate>
            <AnonymousTemplate>
                    You are not logged in
            </AnonymousTemplate>
        </asp:LoginView>
        &nbsp;|&nbsp;
        <asp:LoginStatus ID="loginStatus" runat="server" />
    </div>
</div>
<div id="content">
    <asp:ContentPlaceHolder ID="mainContent" runat="server">
    </asp:ContentPlaceHolder>
</div>

Thanks in advance for any help.