Form alignment.

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JokerAPI</title>
<link href="template/styles.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="validate.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#Login").validate();
});
</script>
</head>

<body>
<div class="navigation">
  <div class="logo">API_System</div>
  <div class="links">Today is:<?php echo date("d/m/y");?>
  </div></div>
<div class="container">
  <div class="left">
    <div class="header">Login</div>
    <div class="box">
    <form action="login.php" method="post" id="Login">
    <fieldset>
    Username:<input type="text" name="Username" id="userkey" maxlength="32" class="required"    />
    Password:  <input type="password" name="Password" id="loginkey" class="required"    />
        Email:              <input type="email" name="Email"  id="emailkey" class="required">
    <input type="submit"  value="Login">
</fieldset>
</form>
    </div>
  </div>


  <div class="right">
    <div class="header">JokerAPI</div>
    <div class="box">
      <div class="boxcontent">Hi. This is a little placeholder page I decided to put up, as it is the simple template for my usersystem, which is currently under development.</div>
    </div>


    <div class="box">
      <div class="boxcontent">Some features of the usersystem:<br/>
<ul>
<li>SQL database</li>
<li>Simple MySQL connection system</li>
<li>Simple configuration file</li>
<li>Manage API keys for developers</li>
<li>Simple comment system</li>
</ul>

</div>

    </div>
  </div>
</div>
<div class="footer">Copyright 2011- Design by <a href="http://devbest.com/member.php?36-Retroa">Retroa</a></div>
</body>
</html>