i would say slicing with a tool like photoshop or imageready. slicing is u use the pic, part in as often as you like and make the pic “linkable” with all features you need.
the output is something like this:
<!– ImageReady Slices (headback.gif) –>
<table id=”Tabelle_01″ width=”549″ height=”160″ border=”0″ cellpadding=”0″ cellspacing=”0″>
<tr>
<td>
<img src=”Bilder/headback.gif” width=”549″ height=”160″ border=”0″ alt=”” usemap=”#headback_Map”></td>
</tr>
</table>
<map name=”headback_Map”>
</map>
<!– End ImageReady Slices –>
and so on. put this code in the header.php in the body, then it should work. perhaps another user has another solution, thats only what i used to do 🙂
It’s not the css file. Try using a client side image map. More at http://www.w3.org/TR/REC-html40/struct/objects.html#h-13.6.1
