Page is a not externally linkable
- Code, Content, and Presentation
-- CSS
---- No fieldset padding top in IE8


SevenCubed - 8:52 pm on Nov 3, 2012 (gmt 0)


Here's a quick fix as long as you don't need any more padding than 15px -- more than that and the word "form" gets left behind in FF. Breakdown the padding to exclude the top padding or else it will get added on in FF. Have a separate 15px margin for the bottom of the legend element.

<!DOCTYPE html>
<html>
<head>
<title></title>
<style>
fieldset {padding: 0 15px 15px 15px;}
legend {margin: 0 0 15px 0;}
</style>
</head>
<body>
<form>
<fieldset>
<legend>Form</legend>
<p>
<label for="name">Name </label><input id="name" type="text">
</p>
<p>
<label for="email">Email </label><input id="email" type="text">
</p>
</fieldset>
</form>
</body>
</html>


Thread source:: http://www.webmasterworld.com/css/4515434.htm
Brought to you by WebmasterWorld: http://www.webmasterworld.com