I just noticed something funny while checking out a design on my iPhone and iPad.
You can see it in the test page here: http://ansible.xlii.org/web_design/mobilesafari/ghostborder.html As you can see (in Mobile Safari only), although the sections have no margin, no padding, no borders, there is a faint red border between the sections. As far as I can figure it out, it is because the section blocks don't stack up on top of each other seamlessly in Mobile Safari, letting the red background show through as a sort of "ghost border". On every desktop browser I tested (Safari, Firefox, Opera, Chrome) this does not happen. If you add a padding or a white border to the sections, the line gets fainter but does not disappear. To remove it, the only workaround I found was to give a white background to the container, here div#content. I tried not using the html5 element <section>, replacing it by a div, but it doesn't change anything. Is this a known problem? Is there another workaround? Ellen ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
