I have a bit of an issue with what seems to me to be an overflow issue on the iPad. The site of issue is my own "personal" site, thatothertechguy.com. It looks perfectly fine on the computer browser, but when it goes over to the iPad or even a pretty large-screened phone, the social section of my sidebar seems to be "messed up". You can check the source if you want to, as I have the CSS uncompressed at the time, and the images for this section are non-dynamic. Thanks for any help!
My only guess is that maybe since you're using padding to center the social logos, the iPad might be giving them too much and causing it to break to the next line. You could try giving them a width and use text-align: center; and see if that fixes it?
Thanks for the help! What I ended up doing was instead of using an unnecessary unordered list, I just used three spans, with anchor links inside of them. Then I made both the spans and the anchor links have a block display (not sure if this was necessary, but it worked out). Then I gave the anchor links a padding on top and bottom, and it worked pretty much the same as before, but now it works on every device I have tried. :)
text-align: center;and see if that fixes it?