مشكلة في تنسيق الكنترولز داخل التصميم

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<title>direc</title>
<meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.1">
<meta name="CODE_LANGUAGE" content="Visual Basic .NET 7.1">
<meta name="vs_defaultClientScript" content="JavaScript">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.1">
<style type="text/css">
HTML { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px }
BODY { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px }
BODY { FONT: 76% arial,sans-serif; TEXT-ALIGN: center }
P { MARGIN: 0px 10px 10px }
A { PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; COLOR: #981793; PADDING-TOP: 10px }
DIV#header H1 { PADDING-LEFT: 10px; BACKGROUND: #eee; MARGIN: 0px; COLOR: #79b30b; LINE-HEIGHT: 80px; HEIGHT: 80px }
DIV#container { TEXT-ALIGN: left }
DIV#content P { LEFT: 198px; WIDTH: 300px; LINE-HEIGHT: 1.4; POSITION: absolute; TOP: 181px; HEIGHT: 108px }
DIV#navigation { BACKGROUND: #b9caff }
DIV#extra { BACKGROUND: #ff8539 }
DIV#footer { BACKGROUND: #333; COLOR: #fff; TEXT-ALIGN: center }
DIV#footer P { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; MARGIN: 0px; PADDING-TOP: 5px }
DIV#container { MARGIN: 0px auto; WIDTH: 900px }
DIV#navigation { FLOAT: left; WIDTH: 350px }
DIV#extra { FLOAT: right; WIDTH: 350px }
DIV#footer { CLEAR: both; WIDTH: 100% }
#wrapper { HEIGHT: 27px }
.style1 { FONT-WEIGHT: bold; FONT-FAMILY: "Arial Black" }
</style>
</HEAD>
<body MS_POSITIONING="GridLayout">
<div id="container">
<div id="header"><h1>Header</h1>
<div id="content">
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<asp:Button id="Button1" Text="Button" runat="server"></asp:Button>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
</div>
</div>
<div id="footer"><p class="style1">WAHA OIL COMPANY</p>
</div>
</div>
</body>
</HTML>

<%@ Page Language="vb" AutoEventWireup="false" Codebehind="direc.aspx.vb" Inherits="com11.direc"%>