BiggiM: Valider Code führt zu Darstelungsfehlern in Mozilla?

Beitrag lesen

Hallo  liebe Forumsteilnehmer,

folgender Code wird im Mozilla nut teilweise dargestellt:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<title>Nachrichten</title>
<link rel="stylesheet" href="blog.css" type="text/css" />
</head>
<body class="rahmen">
<p class="box1"><!--></p>
<p class="box2"><!--></p>
<p class="box3"><!--></p>
<p class="box4"><!--></p>
</body>
</html>
Das Stylesheet (in Auszügen):
body{background:#FFFFFF;color:#000000;font-family:Arial,Verdana,Helvetica,sans-serif;font-size:12px;}
.box1{border-width:50px;border-left-color:#FF0000;border-bottom-color:#0000FF;border-top-color:#FFFF00;border-right-color:#00BF00;margin:0px;position:absolute;left:50px;top:20px;width:0px;border-style: solid; line-height:0px;height:0px;}
.box2{border-width:50px;border-left-color:#00BF00;border-bottom-color:#0000FF;border-top-color:#FFFF00;border-right-color:#FF0000;margin:0px;position:absolute;left:50px;top:170px;width:0px;border-style: solid; line-height:0;height:0;}
.box3{border-width:50px;border-left-color:#FFFF00;border-bottom-color:#00BF00;border-top-color:#0000FF;border-right-color:#FF0000;margin:0px;position:absolute;left:50px;top:330px;width:0px;border-style: solid; line-height:0px;height:0px;}
.box4{border-width:50px;border-left-color:#0000FF;border-bottom-color:#FFFF00;border-top-color:#FF0000;border-right-color:#00BF00;margin:0px;position:absolute;left:50px;top:480px;width:0px;border-style: solid; line-height:0px;height:0px;}

Beides ist anstandslos durcjh den Validator gelaufen. Mozilla stellt Box2 und Box4 nicht dar. Vielleicht kann mir hier jemand helfen? Schon mal vielen Dank
                   mfG Biggi M.

--
fair is foul