How do I code a image map using CSS Style sheet?

[Spooter]

Hi gents,

Trying to put together a basic website and I need to use a image map but as I insert my picture using the style sheet I cannot get the below code to work.

Can I put this code in the css?

Code is.

<IMG SRC = "nav.gif" USEMAP = "#1" BORDER = "0">
<MAP NAME = "1">
<AREA SHAPE = "RECT" COORDS = " 589,  8,  604,  22" HREF = "http://delicious.com/">
<AREA SHAPE = "DEFAULT" NOHREF>
</MAP>

but I already have the image on the website using my css.

#navigation ul.nav {
	background: url(images/nav.gif) no-repeat;
	height: 24px;
	padding-left: 40px;
	padding-top: 7px;
}

 

[Spooter]

I decided to do as you suggested and no longer need to use the image map solution. The code had spaces because it was generated like that using a image map program.

Thanks