jquery UI looks strange

I have been using jquery ui with no problem but just recently the jquery UI elements have started to look strange for example this button is in firefox 5 the text just isn't sharp and looks bad.

And this is that same button in IE9 the text is foating all the way to the top

I am using jquery 1.6.2

Any thoughts what causes this? Thanks!

it's not rocket science to do this so not sure how to fix it.

....
<input type="button" id="release" value="release">
<script type="text/javascript">
  $("#release").button();
</script>
....

update: i am using jquery UI 1.8.1开发者_StackOverflow

You should probably upgrade your version of jQuery UI. That version is pretty old. Not sure if that will fix your issue, but you should be able to keep the existing files and simply replace the UI specific CSS/JS and see if that fixes it.

Just as a followup, This issue was specific to the theme I was using(eggplant) once I changed the theme to another(overcast). It looked great again.