Hi all, I know CSS support for the legend element is currently minimal, but I was wondering if anyone has ever managed to float it left in the major browsers? In particular, IE5+, Firefox, Safari.
I've got a graphic title inside which I have also floated left, was hoping I could override the legend element in some way and use a styling directly on this, but I just can't get it to float left in IE. Here is the code sample: <form action="index_logged_on.html" method="post"> <fieldset> <legend><img src="images/header_title_bookings.gif" width="116" height="29" alt="BOOKINGS: Login to your account"/></legend> <input type="text" name="username" class="login_field" value="username"/> <input type="text" name="password" class="login_field_password" value="password"/> <input type="image" src="images/header_go_button.gif" alt="Go >" name="login" id="login" value="GO"/> </fieldset> </form> If you notice any other discrepancies in the HTML, please ignore them and let's focus on the topic at hand!! Also, does anybody know a good link to further information on styling the legend? It would be great to know what CSS attributes can be used in each browser. Cheers, Paul ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/