HTML-тег формы занимает новое место в IE

Question

У меня проблема с браузером.Мне нужно создать две «формы», в которых присутствует <td>.Но проблема в том, что после создания второй «формы» <td> переходит в новый ряд.Эта проблема возникает только в Internet Explorer, а не в Firefox.

Код выглядит следующим образом:

<form name="myform" action="registerUser" onsubmit="return verifyEmail();" method="post">

<tr>
<td align="left" valign="top" style="padding-left:2px;">
    <%
            String emailAddress = request.getParameter("emailAddress");
        %>
        <input class="sign-in-textbox" name="emailAddress" id="emailAddress" onfocus="clearMessage(this,'Enter your work email address');" value="Enter your work email address" onblur="fillMessage(this,'Enter your work email address');"/>
        <br/>
</td>

</tr> 
<tr>
<td align="left" valign="top" style="padding-top:5px;"><table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="49%" align="left" valign="middle"  style="padding-top:2px;">
    <input type="submit" class="p-signinbutton" id="register" value="Join" width="78"/>
    </td>
     </form>
     <form name="continueAsGuest" action="guestLogin.do" onsubmit="return continueAsGuest();" method="get">
    <td width="50%" align="left" valign="middle"><input type="submit" class="p-signinbutton" id="continueAsGuest" value="Continue as Guest" width="85"/></td>

  </tr>
</table>
</tr>
</form>

Answer 1

HTML-код недействителен.Попробуйте переместить теги формы внутри элементов таблицы.Вторая форма легко исправляется с помощью:

<td width="50%" align="left" valign="middle">
    <form name="continueAsGuest" action="guestLogin.do" onsubmit="return continueAsGuest();" method="get">
    <input type="submit" class="p-signinbutton" id="continueAsGuest" value="Continue as Guest" width="85"/>
    </form>
</td>

Первая сложнее сделать допустимой, но она может сработать, если вы поместите тег <form> внутри первого <td> и тег </form>на одну строку выше внутри предыдущего <td>.