komplettes background image als link

[Kruemael]

Hallo.

Ich habe gerade versucht eine Homepage mit CSS zu gestalten. es sind meine ersten alleinigen Anfänge seit ich am Wochenende die v2b CSS angeschaut habe. In dieser DVD wird angegeben wie man suchmaschienen-freundliche Grafiken einbaut, und zwar wie folgt:

  
.navibox        {  
                color:              blue;  
                background-color:   inherit;  
                width:              205px;  
                height:             100px;  
                background-repeat:  no-repeat;  
                }  
  
.navibox span   {  
                visibility:         hidden;  
                }  
  
#home           {  
                background-image:   url(home.jpg);  
                }  
  
#news           {  
                background-image:   url(news.jpg);  
                }  
  
usw...

und:

  
<div class="navibox" id="home">  
    <a href="index.html"><span>Home</span></a>  
   </div>  
   <div class="navibox" id="news">  
    <a href="news.html"><span>News</span></a>  
   </div>

jetzt habe ich das Problem, dass ich den Link nur an der Stelle aktivieren könnte, an der die Schrift stehen würde. Ich möchte aber die ganze Fläche von 205x105px als link haben.

Wie kann ich das verwirklichen, ohne dass ich die Bilder direkt in den HTML-Code setze? (ich möchte mehrere Styles verwenden und daher sollten die bilder über CSS eingebunden werden, da es sich um buttons in der Navigationsleiste handelt.)

Danke schon mal im vorraus, vorallem dafür dass ihr euch meinen Roman durchgelesen habt ^^

Krümäl