this is my html code:
<form name="form1" method="post" action="checklogin.php" onsubmit="return Length();">
<fieldset><Legend>Enroll Online</legend>
<label>Student Number:</label>
<input name="myus
				
					this is my html code:
<form name="form1" method="post" action="checklogin.php" onsubmit="return Length();">
<fieldset><Legend>Enroll Online</legend>
<label>Student Number:</label>
<input name="myusername" type="text" id="myusername">
<label>Access Code:</label>
<input name="mypassword" type="password" id="mypassword">
<table border='0'>
<tr>
<td><input type="submit" name="Submit" value="Irregular">
</td><td><input type="submit" name="Submit" value="Regular">
</td></tr></table>
</fieldset>
</form>
and this is my css code:
*{ 
font-family:Trebuchet MS; 
font-size:15px; 
color:#cccccc;
}
label { 
margin-bottom:10px; 
display:block;
font-weight:bold; 
font-size:15px; 
}
form { 
width:150px; 
margin-top:210px;
margin-left:700;
}
fieldset { 
border:solid 3px #353F3E;
padding:15px; 
}
legend {
padding:0 15px 0 10px;
letter-spacing:2px 
}
input { 
position:relative;
right:-5%;
float:left;
margin-bottom:10px; 
margin-right:10px; 
}
The problem is
whenever I click the restore button in my browser the box always stay at the right corner and I need to move my vertical scrollbar to see the box.
Is there any code that would make the box move a little bit to the left that would make it visible even w/o scrolling?
i tried to make the margin-left:auto; and the box appeared top of the other boxes. Can someone help me.