Complete CSS Novice Need To Fix Basic Div Problem To Improve Webpage Layout

[Pagi]

Let me just say I know absolutely nothing about CSS and divs.

I need to have the web page elements clients and the benefits boxes next to each other on the page looking correct across all browsers, right now they look fine on Chrome and Firefox, but then mess up in Internet Explorer.

For example, if you look at this page on my site http://www.edinburgh-datarecovery.co.uk/data-recovery-services/hard-drive-recovery/western-digital-data-recovery/

In Internet Explorer they are all mixed together and messy, but in Chrome and Firefox it looks OK. I’m really pushed for time. How do I edit the code in order for benefits and clients boxes to display correctly across all browsers and be positioned near each other in some way so they look OK and is quickest and easiest for a beginner?

Here is the code:

http://pastebin.com/bSEpvVvS
http://codepen.io/seraphzz/pen/bJxkw

[Paulie_D]

IE10 looks pretty much like Chrome but I think it’s borked slighly in Chrome too.

There’s something going on in the

.

I suspect it’s a float issue or there is stuff nested too deep.

[Author]

Posts