Valores CSS predeterminados para un conjunto de campos <leyenda>
Estoy tratando de usar un<legend> como un título dentro de un<fieldset>.
En navegadores que no sean IE, el<legend> se coloca en el borde superior de la<fieldset>, con el texto perfectamente centrado en la línea.
Estoy tratando de restablecer su posición para que se asiente como cualquier otro elemento. es decir, un<h3>.
Aquí está el CSS que tengo hasta ahora.
fieldset legend {
margin: 0;
padding: 0;
position: static;
border: 0;
top: auto; left: auto;
float: none;
display: block;
font-size: 14px;
line-height: 18px;
}
Pero elleyenda todavía está perfectamente centrado en la línea.
Sí, puedo agregar un margen / relleno / coordenada superior, pero quiero saber si el navegador tiene algún valor predeterminado para el elemento que activa este diseño. Quiero entonces, anular estos valores.
Probado en Firefox (3.6.10), Chrome (6.0.472.63), Safari (5.0.2)
Actualizar Dejaré esta pregunta abierta por otra semana en caso de que alguien haya podido diseñar<legend> elementos. Si no se encuentran soluciones, aceptaré la respuesta de @ jnpcl.