Der Contentbereich meiner Homepage (Y0U R0CK ME__by kirschkind.de.tc) rutscht im Firefox immer nach unten, im IE ist alles in Ordnung. Wo liegt der Fehler?!
HTML:
<!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">
<head>
<title>Y0U R0CK ME__by kirschkind.de.tc</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">body
{
/*NICHT ÄNDERN*/
overflow: yes; margin: 0px; padding: 0px;
background: url(http://freenet-homepage.de/teta92/kirschkind.de.tc/HintergrundPattern.jpg);
scrollbar-arrow-color: #000;
scrollbar-face-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-track-color: #ffffff;
}
td, div, input, textarea, body
{
font-family: verdana;
font-size: 7pt;
color: #000000;
padding-left:1px;
}
b, strong
{
color: #000000;
letter-spacing: 1px;
}
i, em
{
color: #ff0000;
letter-spacing: 2px;
}
u
{
color: #ff0000;
letter-spacing: 1px;
text-decoration:none;
border-bottom: 1px #96847a solid;
}
s, strike
{
color: #000000;
letter-spacing: -1px;
}
h1
{
color: #ff0000;
text-align: right;
font-family: verdana;
font-size: 8pt;
line-height: 8pt;
background-color:#ffffff;
font-weight: normal;
text-transform: uppercase
letter-spacing: 2px;
margin: 4px 0px;
border-bottom: 1px solid #000;
}
textarea, input
{
background: #eaeaea;
border-width: 1px;
border-color: #000000;
border-style: solid;
padding: 2px;
}
textarea
{
width: 268px;
height: 100px;
}
a, a:link, a:active, a:visited
{
color: #ff0000;
text-decoration: underline;
}
a:hover, a:focus
{
color: #eaeaea;
cursor: help;
}
#layout
{
position: absolute; bottom: 0px; left: 0px;
background: #ffffff;
width:100%;
}
.height
{
height: 553px;
}
#content
{
width:268px;
}
#abstand
{
width: 0px;
}
#navigation
{
text-align: justify;
width:87px;
}
#navigation a, #navigation a:active, #navigation a:visited /*LINKS IN DER NAVIGATION*/
{
border-bottom: 1px solid #ffffff;
text-decoration:none;
display:block;
background:#eaeaea;
padding-left:2px;
}
#navigation a:hover, #navigation a:focus, /*LINKS IN DER NAVIGATION BEIM BERÜHREN DER MAUS*/
{
border-bottom: 1px solid #ff0000;
background:transparent;
}
.inhaltetable /*NICHT ÄNDERN!*/
{
width: 100%;
}
.inhaltetable table
{
background:transparent;
border-top-color:#fff !important;
border-top-width:3px !important;
border-top-style:double !important;
}
::-moz-selection /*TEXTMARKIERUNG*/
{
background:#8aff00;
color:#000;
}
</style>
</head>
<body>
<table id=layout class=height cellspacing=0 cellpadding=0 border=0>
<tr valign="top">
<!-- bild -->
<td width="200"><img src="http://freenet-homepage.de/teta92/kirschkind.de.tc/AnnetteSkyeLayoutPNG2.png" border="0"></td>
<!-- content -->
<td id=content>
<div class="height" style="text-align:justify; position:absolute; left:44px; top:206px; width:268px; height:278px;overflow:visible;">
<iframe src="http://freenet-homepage.de/teta92/kirschkind.de.tc/anfang.html" name="frame" height="278px" width="268px" frameborder="0" scrolling="yes" noresize style="border: 0px;overflow:yes;">
</iframe>
<div style="display:none;">{PLACE_POWEREDBY}</div>
</div>
</td>
<!-- abstand zwischen content und navigation -->
<td id=5px></td>
<!-- navigation, valign=top nicht rausnehmen -->
<td valign=top id=navigation> <div style="position:absolute; left:315px; top:206px; width:87px; height:262; text-align:left;">
<h1>WAS WO?!</h1>
<a class="navi" href="http://freenet-homepage.de/teta92/kirschkind.de.tc/anfang.html" target="frame" <i>+</i> ANFANG </a>
<a class="navi" href="http://freenet-homepage.de/teta92/kirschkind.de.tc/Heldin.html" target="frame"><i>+</i> HELDIN </a>
<a class="navi" href="http://freenet-homepage.de/teta92/kirschkind.de.tc/Seite.html" target="frame"><i>+</i> SEITE </a>
<a class="navi" href="http://freenet-homepage.de/teta92/kirschkind.de.tc/Muell.html" target="frame"><i>+</i> MÜLL </a>
<a class="navi" href="http://freenet-homepage.de/teta92/kirschkind.de.tc/Ende.html" target="frame"><i>+</i> ENDE </a>
<h1>HELDIN</h1>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td> <img src="http://freenet-homepage.de/teta92/kirschkind.de.tc/PictureMeLittle.jpg"></td>
<td>Teta; <b>4</b>zehn; NRW; dÄ-Fan; fechten; lesen; ... </td>
</tr>
</table>
<a class="navi" href="http://freenet-homepage.de/teta92/kirschkind.de.tc/Heldin.html" target="frame"><i>..</i> mehr?! </a>
<h1>LINK MICH</h1>
<img src="http://freenet-homepage.de/teta92/kirschkind.de.tc/ButtonYRMLay.gif">
<h1>COUNTER</h1>
<SCRIPT LANGUAGE="JavaScript" SRC="http://www.onlinewebservice3.de/onlinecount.php?id=c105237&offset=5&style=x&text=ONLINE . HEUTE . HITS "></SCRIPT>
</td>
<td></td>
</tr>
</table>
</body>
</html>