Clean up the mess that is toolbar.css

@1 : themes generally print head before css, which would cause the conditionals to be overridden anyway :(

however: I managed to get rid of most of the hacks, as IE6 automatically makes position:fixed into position:static because fixed is unrecognised, so it falls back to the default value, which is static. and empty divs that don't have an explicit width and are position:absolute don't show up in IE6, so no need to explicitly hide it

additional changes:
- Made nearly all selectors weaker so they are easier to override by contrib themes/modules
- Changed a bunch of px values to relative values to account for text-only zooming
- Removed nearly all overflow:hidden
- Removed nearly all postion:absolute and used floating instead, this also allowed me to remove the "left" and "right" values aswel
- Added proper CSS3 border-radius, left the proprietary ones in there though
- Removed the use of the background-image on div.toolbar-menu as this background was plain black but sprited which broke text-zooming, using a background image for a plain color is just silly

Tested (see before&after screenshots):
- IE6 (6.00.2900 and 6.00.3790 screenshots are 2900)
- IE7 (7.00.5730)
- IE8 (8.00.6001)
- FF3.5 (3.5.3)
- SF4 (4.0.3)

Things I didn't change, but which should be changed:
- Seven uses a different base font-size than Garland does, so things like the toolbar that persist over regular interface and admin interface show up in a different size if they use relative sizes (Garland uses body { font-size: 76%; } whereas Seven uses body { font-size: 0.8em; }) -> wil open a separate issue for this
- Active links in the top use a sprited background image with a gradient, this breaks with text-zooming so I'd propose to change this to a regular background color (see attached screenshot, Structure uses the current sprited bg-image, People uses background: #999;, text-zoomed twice to illustrate the problem
- The shortcuts <ul>-wrapper still has a px height and overflow:hidden, but this happens in shortcut.css so I didn't touch that just yet (but looks like that one could also use an overhaul)

This patch also fixes the wrapping (or the lack of) but exposes the problem we have with this padding-top solution on the body. When the items wrap, the toolbar expands vertically, but the padding-top on the body does not expand accordingly, causing the toolbar to overlap part of the page, this is still a big problem imho (see attached screenshot)

You might notice a slight inconsistency in the IE8 before & after, I think this is due to the way IE8 does sub-pixel rounding but I'm not entirely sure on this reason... imo this small inconsistency is pretty much irrelevant

toolbar.css filesize reduced by 10% (YEHAW!)

lovely, 1 line commit broke my patch :( -> #607106: Moving help to the right , in specific the patch in #10

should I account for this change in a proper margin way? or are we dead set on having 79578965867 elements with position:absolute; left:somevalue; top:somevalue; ...?

attempt to account for the change in #607106: Moving help to the right

also changed the comments on the IE6 hack to reflect the changes

screenshots pretty much still apply, xcept that there's a lil more space between the toggle button and the toolbar-user

accidentally changed $Id$ line, fixed

re-roll