Hello, I want to position a legend in a form. I've made te fieldset position: relative, and the legend position: absolute.
It works in IE, but not in FF.
Any idea where is the problem?
Thanks
Here's the code:
**************
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="ca">
<head>
<meta http-equiv="content-type" content="text/html;
charset=utf-8" />
<style type="text/css">
form {
background: #fff;
border: 1px solid #ff8200;
border-top: 1em solid #ff8200;
margin: 0;
padding: 0;
width: 11em;
margin: auto;
}
fieldset {
margin: 0;
padding: 0;
border: 0;
position: relative;
}
legend {
position: absolute;
top: -1em;
}
</style>
<title></title>
</head>
<body>
<form action="">
<fieldset>
<legend>Legend</legend>
<p>
<label
for="nom">Nom:</label>
<input
name="nom" id="nom" type="text" value="Cercar" />
</p>
</fieldset>
<p>
<input
type="submit" value="Cercar" class="submit" />
</p>
</form>
</body>
</html>
********************
______________________________________________________________________
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/
