CSS3 creating buttons with gradient background not working in phone browsers

[BWWebDesigns]

I have successfully used several css3 techniques to get buttons with gradient backgrounds based on span tags with class ids etc

However in the phone browsers the buttons are only partially filled the outline is there the text is there but the gradient background only shows uo over part of the button

Has anyone else experienced this and found a solution

I can post code I am using if it would help

I have attached a screen cap from the iphone viewing the page with the issues