css probleem

Kijk zelf maar wat het probleem is:
http://94.249.207.127/SocialPlanet/
css:

body{margin: 0;}
#topbar{
height: 50px;
margin: 0;
background: #ffb075; /* Old browsers */
background: -moz-linear-gradient(top,  #ffb075 0%, #ff7400 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb075), color-stop(100%,#ff7400)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffb075 0%,#ff7400 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffb075 0%,#ff7400 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffb075 0%,#ff7400 100%); /* IE10+ */
background: linear-gradient(top,  #ffb075 0%,#ff7400 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#ffb075, endColorstr=#ff7400,GradientType=0 ); /* IE6-9 */
}
input, button {

    background: -moz-linear-gradient(center top , #F9F9F9 5%, #E9E9E9 100%) repeat scroll 0 0 #F9F9F9;
    border: 1px solid #DCDCDC;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 0 0 #FFFFFF inset;
    color: #666666;
    display: inline-block;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    padding: 4px 16px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #FFFFFF;
}
input, text {

    background: -moz-linear-gradient(center top , #F9F9F9 5%, #E9E9E9 100%) repeat scroll 0 0 #F9F9F9;
    border: 1px solid #DCDCDC;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 0 0 #FFFFFF inset;
    color: #666666;
    display: inline-block;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    padding: 4px 16px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #FFFFFF;
}
#logo {align:left;)
#inlog {align:left;)

html:

<div id="topbar">
<div id="logo">
<span style="color: white; font-size: 30px; font-style: bold;">Social</span><span style="color: #FF0000; font-size: 30px; font-style: bold;">Planet</span>
</div>
<div id="inlog">
<form>
Gebruikersnaam:<input type="text"></input>
Wachtwoord:<input type="text"></input>
<button>Log in</button>
</form>
</div>
</div>

Ik wil de inlogform dus rechts hebben, naast het logo
Hulp nodig Alvast bedankt.

#logo {align:left;}
#inlog {align:left;}

>>>

#logo {float:left;}
#inlog {float:left;}

Mag slotje op

Mitch schreef:

Mag slotje op

In webwereld doen ze niet aan slotjes omdat ze misschien nog vragen van (andere) personen bij kunnen komen