Help needed: Form Not Hidden When Page Displayed

[Sim]

My form is visible when people access the landing page. I want it to stay hidden... Heres what I got =)

 

<p style="display: none;" id="reg_form">
<form action="/js/ajax/register.php" method="post">
 <table width="50%" border="1" bordercolor="#6699CC">
   <tr> 
     <td colspan="2"><center>[b]<font color="#FF0000" size="2"><div id="reg_outcome"></div></font>[/b]</center></td>
   </tr>
   <tr> 
     <td>[b]User Name:[/b]</td>
     <td><input name="textUser" type="text" id="textUser" maxlength="25"></td>
   </tr>
   <tr> 
     <td>[b]Email Address:[/b]</td>
     <td><input name="textEmail" type="text" id="textEmail" maxlength="100"></td>
   </tr>
   <tr> 
     <td>[b]Password:[/b]</td>
     <td><input name="textPass" type="password" id="textPass" maxlength="25"></td>
   </tr>
   <tr> 
     <td></td>
     <td></td>
   </tr>
   <tr> 
     <td>[img=images/cancel-btn.png]</td>
     <td>
	[img=images/register-btn.png]
</td>
   </tr>
 </table>
</form>
</p>

[Djkanna]

You cannot wrap form elements with p elements.

Try changing p to div, or add display: none to your form.

[Sim]

Why thank ya Sir. I sha'll try that right now.