Problem with CSS Image Map

[chriz1000]

Hey, I’m new to the forum; I’m having a major problem with my CSS when it comes to Image Maps. With Internet Explorer it seems to work fine, but with firefox the image maps are all over the place. This is for my main menu.

My website is <snip> the website is set in a table which is a set size but always centred on the page. If I set the #menu a position to absolute, the buttons will be out of place when viewed on different resolution screens, or if the browser size is moved. Setting the value to “relative” seems to work for Internet Explorer, but as several people have approached me with fire fox as it causes major problems.

Please can someone offer me a solution to this problem, any help much appreciated
Chris

<No URLs, thanks. See TOS [WebmasterWorld.com] and CSS Forum Charter [WebmasterWorld.com]>

[edited by: SuzyUK at 3:26 pm (utc) on Dec. 30, 2004]

[adni18]

Try putting the image in a span, and set the span's position to absolute.

[chriz1000]

Thanks for reading mate,
Is there any chance you can give me an example, I’m quite new to the world of CSS and trying to make the crossover on my site
Cheers

[adni18]

<map name="navmap">
<!--Put your <area> tags here-->
</map>
<span style="position:absolute;top:20;left:40"><img src="map.jpg" usemap="#navmap" border=0></span>

[adni18]

does that help?