CSS border duplicates in IE mobile view

73 Views Asked by At

thanks for taking the time to read this - really hoping someone can help me here. I have an adaptive site (not responsive) and on this page:

http://www.findspace.co.uk/pages/3bed-student-accommodation-newcastle.html

I'm having an issue with a border-top style applied to the div 'containerDDbeds'. I'm using the border style to add a horizontal rule between each set of property information. The first three are done for illustration. It looks fine on the iPhone but on a Nokia Lumia 630 Windows phone in IE I get the rules duplicated (it may actually be the entire div that has the border on it) as shown in this Browserstack emulation. I only really need them above each property picture. I wonder if I need a hack for IE mobile views? The desktop version of the site is fine - it's just the mobile view. Any help or pointers would be greatfully received. Antony

Here's the link to the mobile css file mobile css

Browser stack view for Nolia Lumia 630

1

There are 1 best solutions below

0
On

Thanks to everyone that had a look at this for me. I managed to fix it by placing a clearing div between each div 'containerDDbeds'.

Antony