IE8 - Working with Bootstrap class="dl-horizontal"

[tomkett]

Hi

I am having problems with the dl-Horizontal class in bootstrap and thought that your project would help. If I am wrong can you let me know.

I have two columns on my row and within each column I have the dl list. In all browsers apart from IE 8, the list item and list value are next to each other then the next item value pair is on the following row. However in IE8 the item then value appear under each other and the two columns are under each other.

I have created a fiddle showing the problem:
http://jsfiddle.net/tomwilliams/hjxct9vo/

To replicate in IE8 I had to run the fiddle in full page mode.

http://jsfiddle.net/tomwilliams/hjxct9vo/embedded/result/

Thank you for your time.

regards

Tom Willaism

[tomkett]

Problem cause by having the scripts in the body not the head element of the page