Css/Javascript - position

Hej

Jeg har mit lille javascript stykke der gør det at den viser et billede med en menu på når man fører musen over en tekst i dette tilfælde teksten "Klub".

Billede:
Klik her for at se.

Og min css:

 #klub{
     left:495px;
     top:125px;
     position:absolute; 
     text-align:center;
     padding-top:5px;
     z-index:2;
     width:109px;        
     height:117px;
     background-image:url('images/talebobel.png');
 
 }

Her kommer problemet så, når folk har en større eller mindre skærm end jeg har, kommer billedet altså der hvor menuen er på til at sidde helt væk fra der hvor det skal. Er der nogen der har nogle ideer til hvordan jeg ellers kan lave det. Jeg gætter på det er noget der skal rettes i Css'en. :_)