[html5] Borders: Firefox 3.5 vs. HTML 5

Sun Jul 5 19:54:36 PDT 2009

The following markup gives odd borders for the header and footer and
article in Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9.1)
Gecko/20090624 Firefox/3.5.
Specifically: the top and bottom borders do not appear at all. If I
remove the <p> in the <section> and <nav> elements, then the entire
border appears.

I presume that this is the expected (and correct) behavior; which part
of the spec have I not read carefully enough?

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Test</title>
<style type="text/css">
header { border: 1px solid red; }
article { border: 1px solid orange; }
nav {	border: 1px solid green; }
section {	border: 1px solid fuchsia; }
footer { border: 1px solid blue; }
</style>

</head>

<body>
<header><h1>Test of HTML 5 vs. Styles</h1></header>

<nav><p>navigation area</p></nav>

<article id="art1">
<section><p>first section</p></section>
<section><p>second section</p></section>
</article>

<footer><p>The end</p></footer>
</body>
</html>