CSS padding issue for vertically centered text <p>I've been trying to work this out all day long</p> <p>I've got a script for some jQuery dropdowns for my form, but the text within the drop down is not centered vertically in the box. I've styled the normal text boxes with <code>padding-bottom</code> so that the text sits in the middle, but I simply cannot do the same with the jQuery boxes. I have managed to do it on the actual dropdown, just not the option you see selected. If anyone could help get the text centered vertically in the box (not text align center) I will appreciate it.</p> <p><a href="http://fifamatchgenerator.com/dev/formtest/form1.php" rel="nofollow">http://fifamatchgenerator.com/dev/formtest/form1.php</a></p> <p>I think I have been staring at it for too long and become blind to it...</p> <p>p.s. there might be some code in the dd.css file which is what I have tried and failed with (most of the code is the default code which came with the script)</p>