I would take a look at the custom HTML markup you've introduced into the form. I've seen IE balk at improperly formed markup many times. For example, you've added tables using the HTML blocks for formatting your products. In doing so, you've orphaned some list items inside a td element.. see the snippet below.
[html]
<tr>
<td align="center">
<a rel="lightbox[]" href="http://texasweet.com.s3.amazonaws.com/wp-content/uploads/2011/02/poster1.jpg" class="cboxElement"><img src="http://texasweet.com.s3.amazonaws.com/wp-content/uploads/2011/02/poster1-e1297966993489-104x150.jpg"></a>
</td>
<td>
Colorful Poster that encourages healthy eating for a sweeter future.<br>
[Size: 13" x 19"]
</td>
<td align="center">1000</td>
<td align="center">
<!-- orphaned list items inside the td -->
<li class="gfield" id="field_8_15">
<label for="input_8_15" class="gfield_label">Texas Citrus Poster</label>
<div class="ginput_container">
<input type="text" tabindex="4" class="medium" value="" id="input_8_15" name="input_15">
</div>
<div class="gfield_description">Number of posters</div></li>
<li class="gfield gfield_html gfield_html_formatted" id="field_8_16"></li>
</td>
</tr>
Try tightening up your markup and see if that makes a difference. The multi-page forms normally work fine in IE7 and up, so there's something unique about your form that's causing the issue. Since it's a problem in the preview as well, that excludes theme influences, it must be something in how the form is built itself.
Posted 13 years ago on Wednesday October 19, 2011 |
Permalink