onbegrijpelijke css ap div 3

[uaejeroen]

@charset "utf-8";

#container { 
	position: relative;
    width: 780px;
    margin: 0 auto;
}
 
 



.text {
	text-align: center;
	font-style: normal;
}
.text {
	text-align: left;
}
.text {
	text-align: left;
}
.Title {
	text-align: left;
}
.tekst {
	text-align: left;
}
a:link {
	color: #F0F;
	font-size: 14px;
}

a:visited {
	color: #666;
}
a:hover {
	font-style: italic;
	color: #22FF22;
    }
a:focus {
	font-style: italic;
	color: #90F;
	font-size: 12px;
    }
.e-mail {
	color: #696969;
}

#apDiv2 {background: #ffffff;}
#apDiv2 {
	position: absolute;
	left:-7px;
	top:121px;
	width:195px;
	height:559px;
	z-index:2;
	font-size: 12px;
	
}


#apDiv3 {background: #ffffff;}
#apDiv3 {
	position:absolute;
	left:664px;
	top:121px;
	width:200px;
	height:559px;
	z-index:3;

	}

#apDiv4 {background: #ffffff;} #apDiv4 {
	position:absolute;
	left:192px;
	top:120px;
	width:472px;
	height:559px;
	z-index:4;
	color: #000;

}

.Waarschuwing {
}
.Waarschuwing {
}

#Waarschuwing {
	font-family: "Arial Black", Gadget, sans-serif;
}
#Waarschuwing {
	font-family: "Arial Black", Gadget, sans-serif;
}

.background {
	background-image: url(/afbeeldingen/groen-wit.gif);
	background-repeat: repeat;
}
#apDiv3 #form1 {
	color: #F0F;
}
#apDiv3 #form1 {
	color: #90F;
	font-style: italic;
}


body {
	background-image: url(../afbeeldingen/groen-wit.gif);
	background-repeat: repeat;
	width: 780px;
	background-position: center bottom;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
}
#container #apDiv3 p {
	color: #000;

}
#container #apDiv3 p em {
	color: #000;
}
#container #apDiv4 #form2 p label {
	color: #90F;
}
.meter {
	color: #90F;
}
#container #apDiv4 {
	font-style: normal;
	font-size: 12px;
}
#container #apDiv4 h3 {
	font-size: 15px;
}
#container #apDiv4 strong {
	font-size: 15px;
}
#container #apDiv4 strong {
	font-size: 15px;
}
#container #apDiv4 p {
	font-size: 12px;
	color: #000;
}
#container #apDiv2 p {
	color: #F0F;
	text-align: left;
}
.aanvragen p strong {
	font-size: 15px;
}
.aanvragen p strong {
	font-size: 15px;
}
.aanvragen p {
	font-size: 12px;
}
#container #apDiv4 #form1 p em {
	color: #F0F;
}
#container #apDiv3 p {
	text-align: left;
}
#container #apDiv3 p {
	text-align: left;
}
 * {
	 ul {
	color: #000;  
	list-style-type: none;
	line-height: 1.5em;

}
ul {
	color: #000;  
	list-style-type: none;
	line-height: 1.5em;
	
}

ik heb alles op left gezet en nog steeds staad de center
wie weet wat ik verkeert doe?

 

[uaejeroen]

Opgelost

<div id="apDiv3"><br />
  <img src="afbeeldingen/vink.gif" width="15" height="16" /><a href="html/verhuizing_doorgeven.html">Verhuizen, wat nu?</a><br /> 
  <img src="afbeeldingen/vink.gif" width="15" height="16" /><a href="html/besparingtips.html">Besparingstips<br />
  </a>
 <img src="afbeeldingen/vink.gif" width="15" height="16" /><a href="html/klantenservice.html">Klantenservice</a>    
 </p>
  <form id="form1" name="form1" method="post" action="">
    <p>
      <label for="email"></label>
      e-mail adress<br />
<input name="email" type="text" id="email" size="30" />
      <br />
      wachtwoord<br />
      <label for="password"></label>
      <input name="password" type="password" id="password" size="30" />
      <br />
    </p>
    <p align="right"><a href="html/succesvol_ingelogd.html"><img src="afbeeldingen/inloggen01.gif" alt="inloggen" width="77" height="28" align="right" /><br />
      <br />
    </a><a href="html/wachtwoord_aanvragen.html">Wachtwoord aanvragen</a><br />
</p>
  </form>
  <p><em>
  
  
  <a href="html/foutmelding_inlog.html">
    Foutmelding inloggen</a></em></p>
</form>
</div>

nu het ik nog een probleem
namelijk de knop inloggen, die wil ik rechts maar nog wel een beetje wit ruimte dat de knop niet helemaal aan de rand zit zeg maar

graag advies