Maybe not the best solution, but I tend to set the legend to
display:none (IIRC, one can't position off-screen in some browsers), and
then insert a tad bit of additional HTML which is styled to emulate a
legend... I call this class .pseudoLegend:
(CSS:)
/* Emulate <fieldset/legend>: */
div.pseudoLegend {
background: #fff url(line.gif) repeat-x 0 50%; /* 5px X 1px */
margin: 15px 0 5px;
}
div.pseudoLegend h5 {
font-size: 85%;
font-weight: bold;
color: #575f6b;
text-transform: uppercase;
background-color: #fff;
margin: 0;
padding: 0 5px 0 0;
display: inline;
}
/* Hide certain elements for browsers without CSS: */
.hide { display: none !important; }
(HTML:)
...
...
<div class="pseudoLegend"><h5>E-mail Story to a friend</h5></div>
<fieldset>
<legend class="hide">E-mail Story</legend>
...
...
It works for me. :)
Cheers,
Micky
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************