I’ve run into this problem once before and found out it was just a border, but now I’m stuck. Go to http://www.churchhopping.com and there is the jagged border in between the greyish blue and the tan. However if you look at it in Mobile Safari (iPhone/iPad) it has a little border at the top of the image.
Any one run into this before? I can’t find a solution. Here is my code for that div
#headerbottom {
background: url(images/topborder.png) repeat-x;
clear:both;
overflow: hidden;
padding-top:20px;
width:100%;
border:0px;
outline:0px;
z-index:-1;
}