Image Map Coordinates for different browsers...

[hedron]

That would be nice, but it does not work. Why?

Because if I size it for Firefox, it will spill over in IE and Chrome, and the maps will be off.

If I resize it for IE, then it will be short in Firefox.

Also, if I have a larger image, people can zoom up and the image will keep resolution.

So unfortunately I have to figure out what's wrong with my CSS that is not allowing the image to resize.

This is my current code:

#home_graphics_btm{
width: 66em;
height: 20em;
background: url(../images/home_graphics_btm.jpg) no-repeat;
display: block;
margin-top: 400px;
}
#newsletter {
float: left;
position:absolute;
width : 21em;
height: 11em;
margin-left: 0em;
margin-top: .75em;
}
#specials { 
float: left;
position:absolute;
width : 17em;
height: 11em;
margin-left: 23em;
margin-top: .75em;
}
#shipping {
float: left;
position:absolute;
width : 11em;
height: 11em;
margin-left: 42em;
margin-top: .75em;
}
#shopping { 
float: left;
position:absolute;
width : 11em;
height: 11em;
margin-left: 54em;
margin-top: .75em;
}

Thank you.