Einige Fragen?

[happens]

Hallo, ich habe einige Fragen und Probleme bei meiner Homepage.

Link zu meiner Homepage >>>Hier<<<



Ich habe die Navigationsleiste mit jpg's gemacht und in Css bzw Html eingefügt die Tag's sehen so aus.

Menu steht für Navi (Css Datei)

/* Menue */
#menu {
 position: relative;
 top: 95px;
 width: auto;
 height: 48px;
 z-index:1;
 }

#menu ul {
 margin:0;padding:0;
 }

#menu li {
 list-style:none; 
 margin:0; 
 padding:0;
 }
 
 
 
li.home a {
    background-image: url(images/b_home_1.jpg);float: left;display: block;text-indent: -999%;overflow: hidden;width: 67px;height: 48px;}
li.home a:hover {background-image: url(images/bro-Home_01.jpg);}

<div id="menu">
<ul>
    <li class="home a"><a href="index.html"></a></li>
</div>

Nun wenn man über die Navigationsleiste drüberfährt sieht man 1 bis 2 sekunden nur eine Weiße Box, bis das jpg geladen ist wie kann ich diese ladezeit unterdrücken was muss ich anderst machen das jpg ist gerade mal 1kb groß.

Ein weiteres Problem ist das im IE6 die Navigationsbar diagonal nach rechts unten verschoben ist ab besten öffnet ihr mal die Homepage >>>Hier<<< im IE6 dann seht ihr was ich mein, warum ist das so? die Navleiste wird geladen aber nicht alles an die richtige position.



Zudem möchte ich ein "Bottom" jpg einfügen welches sich automatisch immer an das Ende der Homepage setzt. Wie geht das ich habe es so Probiert

Css Datei

#footer {
   background-image:url(images/bg-img_07.jpg);
   position:absolute;
   bottom:0px;
   left:0px; 
   width:1004px;
   height:30px;
   }

<div id="footer"></div>

Auserdem möchte ich das sich die Homepage immer in die mitte zentriert, welchen befehl ist dafür nötig?



Mit freundlichen Grüßen
happens

Ist das der grund fü den IE6 Fehler?

<link href="layout.css" rel="stylesheet" type="text/css" media="screen" />