display: inline-block for .errorbox, .warningbox, .successbox

It previously used float: left to generate a box with intrinsic width,
which required the next element to have clear: left to avoid display
quirks. display: inline-block is the proper way to do this.

Includes hacks for IE6 and FF2.

Bug: 33438
Change-Id: Ibb9371eecb99b627ba9dfca5b0a60143fbd6f84f

diff --git a/skins/common/shared.css b/skins/common/shared.css
index 8b8706b..fb140b2 100644 (file)
--- a/skins/common/shared.css
+++ b/skins/common/shared.css
@@ -543,9 +543,12 @@ table.collapsed tr.collapsable {
        font-size: larger;
        border: 2px solid;
        padding: .5em 1em;
-       float: left;
        margin-bottom: 2em;
        color: #000;
+       display: -moz-inline-block;
+       display: inline-block;
+       zoom: 1;
+       *display: inline;
 }
 .errorbox {
        border-color: red;