Done javascript in my forms,but now its not allowing me to position using css?

[usman07]

This is the code for my textboxes which i want to position using css and im trying too using the div id's but they are not moving.

 

<form id="form1" method="post" onsubmit='return checkForm();' action="">
       
         <div id="firstname"> First Name: <input type='text' id='nameone' onblur='checknameone();' maxlength='60' size='40'/>
         <label id='labelnameone'></label> </div>
         
    	

	<div id="secondtwo">Last Name: <input type="text" id="nametwo" onblur='checknametwo();' maxlength='60' size='40' />
	<label id='labelnametwo'></label>
	</div>


<div id="mail">Email Address:<input type="text" name="email" onkeyup="checkEmail(this.value);" onblur="checkEmail(this.value);" 
maxlength="60" size="20"/><img id="status" src="Form images/bad.png" alt=""/> </div>


<div id="loginname">Login Name: <input type="text" id="login" onblur='checklogin();' maxlength="60" size="40"/>
<label id='labellogin'></label>
</div>

<div id="password1">Password: <input type="password" id="pwdone" onblur='checkpwdone();' maxlength="30" size="40"/>
<label id='labelpwdone'></label>
</div>

<div id="password2">Retype Password: <input type="password" id="pwdtwo" onblur='checkpwdtwo();' maxlength="30" size="40" />
<label id='labelpwdtwo'></label>
</div>

</form>