Thanks
<div class="container">
<div class="span-9">
<form id="test" action="" method="post">
<h2>Personal Information</h2>
<p><label>Name:</label><br />
<input type="text" class="text" name="test" id="test0"
value="Name"></p>
<p><label>Email Address:</label><br />
<input type="text" class="text" name="test" id="test1"
value="Email Address"></p>
<p><label>Phone Number:</label><br />
<input type="text" class="text" name="test" id="test2"
value="Phone Number"></p>
<p><label>Best time to contact you?</label><br>
<input type="checkbox" style="background-color:#002f2f;">
<label>Daytime</label>
<input type="checkbox"style="background-color:#002f2f;">
<label>Evening</label>
</div>
<div class="span-12 push-1 last">
<h2>Questions / Comments</h2>
<textarea name="test" id="test3" rows="5"
cols="20"></textarea></p>
<p align="right"><input type="submit" value="Submit">
<input type="reset" value="Reset"></p>
</form>
</div>
</div>
Your HTML is out of order. You can't do this:
<div>
<form>
</div>
</form>
Do this:
<form>
<div>
</div>
</form>
I.E. put the form around the whole set of divs, or start & end the
columns entirely inside the form. Also, you can make the form the
container.
<form class="container">
<div class="column">
</div>
</form>
--
--
Christian Montoya
christianmontoya.net