Single/sub pixel misalignment of divs on ipad and iphone safari

Question

I\'ve got the following situation, and I need some help...

1. Two divs, same size, same location, one on top of the other
2. Everything works as expected on

Answer 1

It totally depends on one's situation, but in our case we use negative margins as proposed by this thread or a box shadow since outline only applies to all borders and ie. outline-bottom does not exist.

/*
 * Prevent faint lines between elements.
 * @link http://stackoverflow.com/questions/5832869
 */
box-shadow: 0 1px 0 red;