Bruge LEGEND uden forms

Hej

Jeg er i gang med at lave en hjemmeside, hvor en gruppering ønskes lavet med LEGEND.

Idet LEGEND ser en hel del forskellig ud i de forskellige browsere, søger jeg hjælp til at lave noget lignende i CSS.

Jeg har allerede lavet følgende:
.hjem_gruppe {
    border:            1px solid #ffffff;
    padding:         0px 10px 10px 10px;
    margin-top:        15px;
}

.hjem_gruppe_head {
    position:        relative;
    top:            -10px;
    display:        inline;
    font-weight:        normal;
    height:            20px;
    z-index:        100;
    background-color:    #b6b1a3;
}

<div class="hjem_gruppe">
  <span class="hjem_gruppe_head">
    &nbsp;Test&nbsp;
  </span>
  adklæsdkaælsdk<br>
  adklæsdkaælsdk<br>
  adklæsdkaælsdk<br>
  adklæsdkaælsdk<br>
  adklæsdkaælsdk<br>
  adklæsdkaælsdk<br>
</div>

Det fungere bare ikke ens i IE og FF, og derfor kan jeg ikke bruge det.

Nogen med et løsningsforslag??