CSS problem for '#wpabar'

[swill]

I believe this bug was introduced in Wordpress 3.2 and still exists in 3.2.1.

In the admin backend (/wp-admin), the admin bar at the top of the page renders 28px from the top and covers the link back to the front end of the site. I have tested this in Chrome, Firefox and Safari and it is a problem in all of them.

The 'body' tag has the following CSS: padding-top: 28px !important; (grey.css:1)

This creates the space where the top admin bar should go.

The page content wrapper '#wpwrap' has the CSS of: position: relative; (load-styles.php:3)

The top admin bar '#wpabar' has the following CSS: top: 0 !important; (grey.css:5)

Since '#wpabar' is positioned absolutely inside '#wpwrap', it is not positioned inside the 28px space that is reserved for it in the 'body' tag, but instead it is placed over top of the top 28px of the '#wpwrap' content.

This is a big problem because it now covers the only link back to the front page of the site from the backend, which actually causes a loss in functionality.

I was able to solve this problem by changing this:

from

top: 0 !important; (grey.css:5)

to

top: -28px !important; (grey.css:5)

Cheers...

There is no grey.css file in WordPress 3.2.1. It probably belongs to "WordPress Admin Bar" plugin, which is deprecated and has been replaced by the admin bar built into WordPress.