mein desgin wird bei firefox nicht richtig angezeigt??

<div id="Mein_Bild"></div>

<div id="navibox">
<a href="http://the-vampire-knight.de.tl/" class="navi">Home</a>
<a href="http://the-vampire-knight.de.tl/G.ae.stebuch.htm" class="navi">Guestbook</a>
<a href="http://the-vampire-knight.de.tl/Kontakt.htm" class="navi">Contact</a>
<a href="http://the-vampire-knight.de.tl/credits.htm" class="navi">Credits</a>
<a href="http://the-vampire-knight.de.tl/Domain.htm" class="navi">Domain</a>
<a href="http://the-vampire-knight.de.tl/online.htm" class="navi">Online</a>
<a href="http://the-vampire-knight.de.tl/Anime.htm" class="navi">Anime</a>
<a href="http://the-vampire-knight.de.tl/Manga.htm" class="navi">Manga</a>
<a href="http://the-vampire-knight.de.tl/History.htm" class="navi">History</a>
<a href="http://the-vampire-knight.de.tl/Pictures/index.htm" class="navi">Pictures</a>
<a href="http://the-vampire-knight.de.tl/Characters.htm" class="navi">Characters</a>
<a href="http://the-vampire-knight.de.tl/Love-Affair.htm" class="navi">Love Affair</a>
<a href="http://the-vampire-knight.de.tl/The-Places.htm" class="navi">The Places</a>
<a href="http://the-vampire-knight.de.tl/The-Items.htm" class="navi">The Items</a>
</div>
 

.h1 {
font-family: arial;
font-weight:bold;
font-size: 12px;
letter-spacing: 0px;
display: block;
margin-bottom: 2px;
margin-top: 2px;
text-align: left;
color: #000000;
padding: 3px;
text-transform: uppercase;
background-color: #ddd8c9;
}

}
</style>

#extraDiv1 {display: none;}
 #extraDiv2 {display: none;}
 #extraDiv3 {display: none;}
 #extraDiv4 {display: none;}
 #extraDiv5 {display: none;}
 #extraDiv6 {display: none;}
 #pre_header {display: none;}
 #post_header {display: none;}
 #delightful_content {display: none;}
 #nav{display: none;}
 div.header{display: none;}
 h2#title{display: none;}

a:link {
color:#a05063 ;
text-decoration: none;}

a:visited {
color: #a05063;
text-decoration: none;
}

a:hover {
color: #d08a9a;
background-color: #;
}

b, strong{
color:#929c99;
font-weight: bold;
}

body {
overflow-x: hidden;
background-image: url('http://www.delightfularts.net/Bilder/layouts/layout090-background.png');
}

*{ padding: 0; margin: 0; }


#Mein_Bild {
margin: 0px;
margin-top: -106px;
width: 1600px;
height:700px;
border:0px;
background-image: url('http://img.webme.com/pic/0/02111973/laay090.png');
}

#content {
position: absolute;
top:520px;
background-color: #efece7;
margin-left: 120px;
width: 573px;
left: 37px;
color: #2e2e2e;
padding-right:10px;
padding-left:10px;
padding-top:10px;
padding-bottom:30px;
text-align: justify;
font-family: arial;
font-size: 11px;
overflow:auto;}

.infobox {
padding: 5px;
text-shadow: #c6c6c6 1px 1px 1px;
border-left: 2px solid #b3b4a4;
background-color: #f2efea;
margin-left: 19px;
margin-right: 19px;
margin-bottom: 5px;
text-align: left;
widht: 150px;
}

#navibox{
position: absolute;
left:600px;
top:133px;
padding: 5px;
width: 126px;
overflow:auto;}


::-moz-selection
{
color: #f2efea ;
background-color: #bfbaaa;
}

ul#nav{
width: 20px;
padding: 5px;
margin: 5px;}

li.nav_element{
list-style-type: none;
position: relative;
padding:1px;
width: 100px;}

li.nav_element a{
display: block;}

li.nav_element a:hover{
color: #ffffff;}           


A.navi:link, A.navi:active, A.navi:visited {
display: block;
font-family: arial;
font-weight:bold;
font-size:11px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 5px;
text-align:left;
margin-left: 4px;
margin-top: 3px;
color: #eadbe1 ;
text-shadow: #000000 1px 1px 1px;
background-image:url(http://i56.tinypic.com/348m44k.png);
}

A.navi:hover {
display: block;
font-family: arial;
font-weight:bold;
font-size:11px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 5px;
text-align:left;
margin-left: 4px;
margin-top: 3px;
color: #b22f42;
text-shadow: #000000 1px 1px 1px;
background-image:url(http://i56.tinypic.com/348m44k.png);
}
>

.h1 {
font-family: arial;
font-weight:bold;
font-size: 12px;
letter-spacing: 0px;
display: block;
margin-bottom: 2px;
margin-top: 2px;
text-align: left;
color: #000000;
padding: 3px;
text-transform: uppercase;
background-color: #ddd8c9;
}

#extraDiv1 {display: none;}
#extraDiv2 {display: none;}
#extraDiv3 {display: none;}
#extraDiv4 {display: none;}
#extraDiv5 {display: none;}
#extraDiv6 {display: none;}
#pre_header {display: none;}
#post_header {display: none;}
#delightful_content {display: none;}
#nav{display: none;}
div.header{display: none;}
h2#title{display: none;}

a:link {
color:#a05063 ;
text-decoration: none;}

a:visited {
color: #a05063;
text-decoration: none;
}

a:hover {
color: #d08a9a;
background-color: #;
}

b, strong{
color:#929c99;
font-weight: bold;
}

body {
overflow-x: hidden;
background-image: url('http://www.delightfularts.net/Bilder/layouts/layout090-background.png');
}

*{ padding: 0; margin: 0; }

#Mein_Bild {
margin: 0px;
margin-top: -106px;
width: 1600px;
height:700px;
border:0px;
background-image: url('http://img.webme.com/pic/0/02111973/laay090.png');
}

#content {
position: absolute;
top:520px;
background-color: #efece7;
margin-left: 120px;
width: 573px;
left: 37px;
color: #2e2e2e;
padding-right:10px;
padding-left:10px;
padding-top:10px;
padding-bottom:30px;
text-align: justify;
font-family: arial;
font-size: 11px;
overflow:auto;}

.infobox {
padding: 5px;
text-shadow: #c6c6c6 1px 1px 1px;
border-left: 2px solid #b3b4a4;
background-color: #f2efea;
margin-left: 19px;
margin-right: 19px;
margin-bottom: 5px;
text-align: left;
widht: 150px;
}

#navibox{
position: absolute;
left:600px;
top:133px;
padding: 5px;
width: 126px;
overflow:auto;}


::-moz-selection
{
color: #f2efea ;
background-color: #bfbaaa;
}

ul#nav{
width: 20px;
padding: 5px;
margin: 5px;}

li.nav_element{
list-style-type: none;
position: relative;
padding:1px;
width: 100px;}

li.nav_element a{
display: block;}

li.nav_element a:hover{
color: #ffffff;}           


A.navi:link, A.navi:active, A.navi:visited {
display: block;
font-family: arial;
font-weight:bold;
font-size:11px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 5px;
text-align:left;
margin-left: 4px;
margin-top: 3px;
color: #eadbe1 ;
text-shadow: #000000 1px 1px 1px;
background-image:url(http://i56.tinypic.com/348m44k.png);
}

A.navi:hover {
display: block;
font-family: arial;
font-weight:bold;
font-size:11px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 5px;
text-align:left;
margin-left: 4px;
margin-top: 3px;
color: #b22f42;
text-shadow: #000000 1px 1px 1px;
background-image:url(http://i56.tinypic.com/348m44k.png);
}