IE7 Table Display Issues

Question

Hi
I have just spent an age building a form in several parts using sessions etc and I've run into a problem only in IE7 where the 2nd part of the table does not display correctly. It looks like multiple padding is being added or similar and after trying several things I'm stumped.
The page is:
http://www.valmeiniersport.com/reservation.php
You need to complete the form and select 2 or more people before hitting continue.
I'd really apprecaite some advice on how to fix this as it's perfect on all other browsers except IE7 and think as I'm newish to this still have missed out on how to fix an IE7 bug.
Many thanks
Regards
Rob

Answer 1

Delete padding: 12px; from the table css:
#myform table {
     /*float:left;*/
     width:215px;
     margin-right:12px;
     margin-bottom:15px;
     padding: 12px;
     border:1px solid #444;
     float:left;
     -moz-border-radius:4px;
     -webkit-border-radius:4px;
     border-radius:4px;
Add the padding to the table td:
#myform table td {
    padding: 0 6px;
Add a <br style="clear: both;" /> after the second tables closing tag (as shown below)
</table>
              <br style="clear: both;" />
            <input type="submit" name="button" id="button" value="Submit" />
          </form>