Select element appearing smaller than other elements with same width.

I have a select element in a form I'm building. This select element has the same width, padding, etc. as the other input elements in the form. However, the select element still appears shorter than the other input elements.

This happens in Firefox (latest) and Chrome (latest), couldn't care less about IE.

Link: http://mahcuz.com/ppt/

I've had a play with firebug, toggling the css rules that apply to the select element on and off, yet it makes no difference. I know the CSS is messy; not my fault - I had a guy doing it for me, but he was pretty crap.

re: Select element appearing smaller than other elements with same width.

unconfirmed for FF 3.0.10 + Safari 3.2.3 @ Mac

re: Select element appearing smaller than other elements with same width.

Strange.

Have a look at my screen shot.

Attached Thumbnails

 

re: Select element appearing smaller than other elements with same width.

indeed its shorter but on the left side which is ... strange.

anyway, have you tried using the left and right properties instead of width?