Problem with content box\text area

[LukeV]

Hey everyone. I'm having some trouble getting a text area box to fit in properly inside my site:Some stuff you may find useful...Html Form:

<form action="*.php" method="post" id="addj">  <label>Title: </label> <input type="text" name="title"/> <br />  <label>Author: </label>  <input type="text" name="author"/> <br />  <label>Content: <textarea cols="55" rows="15" name="content"></textarea> <br />  <input type="submit" alt="submit" name="submit" value="Submit" />	  </form>

CSS for textarea alone:

form#addj textarea {background-color: #e7e7e7; border: 1px solid #adadad; padding-left: 2px; clear:both;}

CSS for form:

	  form#addj label {display:block; float:left; clear:both; width:100px;}	  form#addj input, form#addj select, form#addj span {display:block; float:left; clear:none; margin: 0px 2px 2px;}	  form#addj span {padding:2px 0px;}	  form#addj br {clear:both;}	  form#addj input {background-color: #e7e7e7;border: 1px solid #adadad; padding-left: 2px;}	  form#addj textarea {background-color: #e7e7e7; border: 1px solid #adadad; padding-left: 2px; clear:both;}

So I need the footer to be pushed down and basically have it placed appropriatley :\Any ideas how I can do this? Thanks!EDIT: So I tried the page in a few different browsers and I'm getting mixed results.EDIT2: Here are the screenshots:Safari: linkFirefox: linkIE7 T___T : linkThe files are quite big. You can just check out the actual page if you like link

[S@m]

Since it is not floated like the other elements, it (the browser) pulls it out of the stack. Put a float on it and in theory it should push your footer down.

[LukeV]

Since it is not floated like the other elements, it (the browser) pulls it out of the stack. Put a float on it and in theory it should push your footer down.

I just tried this and it had no effect on safari or IE7 but it did make it slightly better in firefox though.