Max Richter: Hilfen zu Positionierungen!

Beitrag lesen

Hallo Leute,

ich bin CSS-Neueinsteiger, versuche aber schnell zu lernen.
Nachdem ich die ersten normalen Gehversuche gemacht habe, und Erfolgserlebnisse auch dabei waren, versuche ich von Grund auf etwas aufzubauen, ohne mir dabei Lösungen, die ich noch nicht verstanden habe einfach einzukopieren!

Dabei entstehen aber Logikschwierigkeiten, die ich auch durch fleißiges Lesen von selfhtml nicht überbrückt bekomme, vor allem da durchs Lesen eher immer mehr durcheinander gerät!

Ganz simple Frage zunächst:
Warum wird das:

http://www.richter-reichenbach.de/marv_battle/

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="content-type" content="text/html;charset=utf-8" />
  <meta name="generator" content="Adobe GoLive" />
  <title>Start</title>
<style type="text/css">
body {
margin: 50px;
color: black;
background-color: #00473b;
background-image: url(right_bottom2.gif);
background-repeat: no-repeat;
background-position: bottom right;
}
#startbox {
color: #00473b;
background-image: url(2.png);
background-repeat: repeat;
</style>
</head>
<body>
<div id="startbox" style="width: 100%; height:100%">Erste Gehversuche!</div>
</body>
</html>

im IE korrekt angezeigt, im Firefox aber das background-image gar nicht "nutton right" angezeigt wird!

2. Frage:
Gibt es eine Möglichkeit das id "startbox" über 100% der height zu definieren, so macht er ja eher auto und richtet sich am Inhalt, nicht am Viewport!

Ich weiß, das sind noob-Fragen, aber nachdem ich schonmal weiter vorgedrungen war und dann gar nichts mehr lief, wollte ich nochmal von vorn anfangen und zusehen, daß kein Durcheinander mehr da is!

Gruß