I loaded this page in both IE6 and Mozilla Firebird. How can I make them both look like the one in mozilla? Also, is this a valid doctype, because it won't validate at all.
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-gb">
<head>
<title>[Manic Pyro]</title>
<style type="text/css">
body {
margin: 10px 10px 10px 10px;
font: 10px/1 verdana, arial, helvetica, sans-serif;
background: url("bgTest2.gif") repeat;
color: #EEE;
text-align: center;
}
div#title {
width: 600px;
padding: 5px;
background: gray;
border: 1px solid black;
margin: 0 auto;
text-align: left;
}
div#content {
width: 600px;
padding: 5px;
background: gray;
border: 1px solid black;
margin: 0 auto;
text-align: left;
}
/* replacement for buggy <hr>'s */
.hr {
background: url("hr.gif") repeat-x;
height: 1px;
margin-top: 5px;
margin-bottom: 5px;
}
/* implementation of a vertical rule (<vr>) object - Note height attribute may need to be added*/
.vr {
background: url("vr.gif") repeat-y;
width: 1px;
margin-top: 5px;
margin-bottom: 5px;
}
h1 {
margin: 0;
}
/* hr-like object using pure css */
.divider {
background: orange;
border-bottom: 4px solid red;
height: 2px;
width: 100%;
}
</style>
</script>
</head>
<body>
<div id="title">
<div class="hr"></div>
<h1>[Manic Pyro]</h1>
<br />
:Life sucks, that's why we have web design:
<br />
<div class="hr"></div>
</div>
<br />
<div id="content" style="font-size='10px'">
<div class="divider"></div>
</div>
</body>
</html>
Before you post, read our: 
) ...
range;
