Select box content not appearing in IE

I'll look more closely at the CSS later, but right out of the gate I recommend that you correct the markup.  When browsers encounter invalid markup, they usually try to display something, even if it is wrong, and this often leads to failed styling, balky javascript and cross-browser inconsistencies..  You can find out if the markup is valid by using the W3 validator.  Please see this link for the list of things to correct straightaway.
https://validator.w3.org/nu/?doc=http%3A%2F%2Fwww.lifetime-legal.co.uk%2Fcontact-us%2F

For anyone else who can help run this to ground, here is the markup for the select options in the contact form.

// NEXT LINE IS 384
<div class="two_columns_50_50 clearfix">
<div class="column1">
<div class="column_inner">
<span class="wpcf7-form-control-wrap preferred-method">
<select name="preferred-method" class="wpcf7-form-control wpcf7-select" aria-invalid="false">
<option value="Preferred method of contact">Preferred method of contact</option>
<option value="Phone">Phone</option>
<option value="Email">Email</option>
</select>
</span>
</div>
</div>
<div class="column2">
<div class="column_inner">
<span class="wpcf7-form-control-wrap preferred-time">
<select name="preferred-time" class="wpcf7-form-control wpcf7-select" aria-invalid="false">
<option value="Preferred time contact">Preferred time contact</option>
<option value="AM">AM</option>
<option value="PM">PM</option>
</select>
</span>
</div>
</div>
</div>

Select allOpen in new window

Thank you. I am just going through and correcting markup issues.

Thanks again.

Hi,
 I was wondering if you had a chance to look at this in more detail?

Many Thanks,

Andrew

Hi,

Any news on this one?

Many Thanks,

Andrew

Can anyone please help me with this?

Thank you for your help, that worked fine.