11 Reasons why responsive web design isn't that cool!
Easy fix for 1px gaps on iPhone... move the containing element and the element inside it together by giving one a margin-bottom of -1px and the other a margin-top of -1px ... I used this on Hermitage's "Past Events PageList custom template.
code is highlighted yellow on the page
.top-div { margin-bottom: -1px; /* your css */ }
.middle-div { /* your css */ }
.bottom-div { margin-top: -1px; /* your css */ }