WordPress 3.1 Admin Bar CSS Fix

WordPress 3.1 came out a couple of days ago, and I’m enjoying it so far. A lot of the new features will come in handy in a few weeks when I have time to sit down and tweak this theme.

One feature added in this release is the Admin Bar. When logged in, it is shown fixed to the top of your browser window. It has links to all of the important sections of the admin panel along with unapproved comment counts and update alerts. It also has a search bar to the far right. Something is off in the CSS for the search bar in a default install; the search button, which should be beside the search field, has dropped below. Form elements don’t always play nice.

After looking at it for two days, it bothered me enough to write some corrective CSS.