In iOS devices sometimes safari can display an annoying line above and below div elements. Like so:
The solution is quite hacky and hopefully this is a bug in Safari and it gets fixed soon. The solution is to put a negative 1px margin on the sides you see the lines. So if you see the lines above a certain div, set the top margin to -1px.
Thanks to this blog for the solution.