Ik wordt helemaal gek. Soms is er zo iets kleins, zo iets stom kleins waar je niet uitkomt, dat je je afvraagt of je misschien gek aan het worden bent....

Waarom krijg ik mijn checkbox niet links uitgelijnd?

HTML:

	<div class="page_left">
	<form action="/www.rechtenstudent.net/actions/register.php" method="post" class="register">
	
		<label for="first_name">Voornaam</label>
		<input type="text" name="first_name" id="first_name" tabindex="1"
		<?php if($_SERVER['REQUEST_METHOD'] == 'POST' && !empty($rMess)) {
			echo 'value="'.$_POST['first_name'].'"';
		} ?> /><br />
	
		<label for="last_name">Achternaam</label>
		<input type="text" name="last_name" id="last_name" tabindex="2" 
		<?php if($_SERVER['REQUEST_METHOD'] == 'POST' && !empty($rMess)) {
			echo 'value="'.$_POST['last_name'].'"';
		} ?> /><br />
	
		<label for="email">Email</label>
		<input type="text" name="email" id="email" tabindex="3" 
		<?php if($_SERVER['REQUEST_METHOD'] == 'POST' && !empty($rMess)) {
			echo 'value="'.$_POST['email'].'"';
		} ?> /><br />

		<label for="password_1">Wachtwoord</label>
		<input type="password" name="password_1" id="password_1" tabindex="4" 
		<?php if($_SERVER['REQUEST_METHOD'] == 'POST' && !empty($rMess)) {
			echo 'value="'.$_POST['password_1'].'"';
		} ?> /><br />

		<label for="password_2">Herhaal wachtwoord</label>
		<input type="password" name="password_2" id="password_2" tabindex="5" 
		<?php if($_SERVER['REQUEST_METHOD'] == 'POST' && !empty($rMess)) {
			echo 'value="'.$_POST['password_2'].'"';
		} ?> /><br />

		<input type="checkbox" name="bulkmail" id="bulkmail" value="true" tabindex="6" />
		<label for="bulkmail">Ik wil geen mail van Recht &amp; Student ontvangen</label>
	
		<img src="/captcha.php" id="captcha_img" alt="Voer dit nummer in!" />
		<label for="captcha">Neem het getal rechts over</label>
		<input type="text" name="captcha" id="captcha" class="captcha" tabindex="7" maxlength="4" />
		<br />
	
		<!-- <label for="submit">&nbsp;</label> -->
		<input type="submit" value="Registreer!" id="submit" tabindex="8"
			onmouseover="this.style.cursor='pointer'" />
	</form>
	</div>


CSS:


	/*
	*
	*	Register Form
	*
	*/

	.register{
		height: 100%;
		width: 300px;
		position: relative;
	}
	
	.register input{
		width: 200px;
		margin-top: 2px;
		float: left;
	}	
	
	.register label{
		color: #666;
		font-family: "Trebuchet MS", Arial, sans-serif;
		font-size: .8em;
		font-weight: bold;
		line-height: 140%;
		display: block;
	}
	
	.register input{
		height: 16px;
		width: 290px;
		padding: 2px;
		margin-bottom: 5px;
	}

	.register input.captcha{
		width: 160px;
	}
	
	.register img{
		height: 20px;
		border: 2px solid #CCC;
		margin-top: 20px;
		margin-right: 2px;
		padding: 0px;
		float: right;
	}
	
	.register input#submit{
		width: 120px;
		height: 24px;
		padding: 0px;
		margin-top: 5px;
		background-color: #DDD;
		border: 2px solid #CCC;
		color: #666;
		font-family: "Trebuchet MS", Arial, sans-serif;
		font-size: .8em;
		font-weight: bold;
		clear: both;
	}

	.register #bulkmail{
		display: block;
		clear: left;
		float: left;
		background-color: #666666;
	}

Reageren