Many Thanks Murray for your suggestion - I had implemented that -2px margin when I was doing CSS-based rounded corners for the conent area but I wanted the top part of the content  to attach and meld to the navigation area because of the nav sharp corners. I have since changed by just using a Gif-based photoshop graphic with rounded corners for the footer only. I forgot to clear that code in the process.

While that's a good change, I do see that this problem still persists. This issue goes back a ways and I have received emails from time to time from others with these same issues.  And as you correctly pointed out, it happens on the iphone as well.

I appreciate your help and any fuirther ideas anyone might have.... !

Many Thanks,

Frank B.

Many Thanks to all you guys for helping. I re-did the sprite and as suggested, I widened the vertical gap between the two positions and the lines are now gone as far as I can tell.

And thanks Osgood - I put your code in.

There is still ONE possible issue but it may not be resolvable..... When using the touch screen to navigate, one gets a 'hit' (active) area that is the large rectangle that represents the top part of the sprite, INCLUDING the new added vertical space. So one gets a hit area that is way larger than the percieved link.

Did I explain that ok? Also, it may help to know - I ended up adding 10 pixels of vetical space for this to work. I tried adding only 2-8 pixels but the lines were still there.  So I know this accounts for the hit area, but I'm not sure there's much we could do about it.

Many Thanks to all you guys for helping !!

Frank B.

Thanks Murray - I did that. It helped to tighten my template structure but as far as I see, the active hit area is still larger. Thanks again for all your help....Frank B

Thanks Murray -  that comes much closer. The hit - active area is still slightly larger than the rollover but it's barely noticeable. I have to set the pixel height at 5px for that - any less causes part of the rollover to get sliced off. And setting it higher than 5px just increases the hit-active area again.

Many Thanks for all your help and for sticking with me on this. If I wanted this to be absolutely exact, I guess I could do it through Fireworks CS4  and javascript. But CSS is a better choice, from what I've heard.

Frank B.