IE8 Float Problems

HTML & CSS
1

In ie8 having problems with to boxes floated next to each other, one is being pushed underneath the other in IE8.

http://revolveclothing.com/html/b/3.0/browser_testing/myaccount_pages/01account_settings.html

.form_right

is shifting underneath

.form_left

for some reason only in ie8. Anyone know how I can fix this.

2

I’m new to HTML and CSS, but I really am learning a lot in this forum. I’m amazed at how well browsers do display faulty markup.

The problem doesn’t appear to be a float problem, but there are numerous nesting problems in the markup.

Adding these three closing tags takes care of the IE8 problem, but you should really validate your code and take care of the table structure errors. http://validator.w3.org

            <td><label for="city">Verify password </label></td>
            <td><input class="form_field" type="text" name="city" id="city" value="(optional)" tabindex="3" /></td>
          </tr>
        </table>
   ----</form>----:cool:
         </div>

<td><label for=“zip”>Telephone</label></td>
<td><input class=“form_field” type=“text” name=“zip” id=“zip” tabindex=“6” /></td>
</tr>
<tr>
<td colspan=“4”><input id=“save_settings” type=“submit” name=“Submit” value=“” tabindex=“8” /></td>
</tr>
----</tr>----:cool:
</table>

            &lt;tr&gt;
              &lt;td&gt;&lt;label for="zip"&gt;Telephone&lt;/label&gt;&lt;/td&gt;
              &lt;td&gt;&lt;input class="form_field" type="text" name="zip" id="zip" tabindex="6" /&gt;&lt;/td&gt;
            &lt;/tr&gt;
       ----&lt;/tr&gt;----:cool:
          &lt;/table&gt;

Thanks for the opportunity to learn!