Firefox rendering issue

[Pun]

Okay so while I've been coding and developing my site for my class, I keep running into issues when I try to preview my progress in Firefox. Right now it keeps stacking my nav buttons vertically, while Internet Explorer displays everything perfectly.

Firefox (wrong display):

button
button
button
button
button
button

IE (correct display):
button button button button button button

I have the newest version of Firefox and IE, so updating isn't the problem. I have tried using .png and .jpeg and they both still act retarded. For reference the page is being done in XHTML 1.0 transitional. Any assistance is appreciated, thanks

[izembo]

can see a code sample?

[Killgannon]

your coding is incorrect, firefox renders code as is, IE does not.

[Pun]

The code I have for the buttons:




<div align="center" id="navigation">[img]assets/buttons/home.jpg[/img]
<map name="Map" id="Map">
<area shape="circle" coords="51,36,34" href="index.html" alt="Home" />
</map>
[img]assets/buttons/news.jpg[/img]
<map name="Map2" id="Map2">
<area shape="circle" coords="52,37,33" href="news.html" alt="News" />
</map>
[img]assets/buttons/review.jpg[/img]
<map name="Map3" id="Map3">
<area shape="circle" coords="52,36,32" href="reviews.html" alt="Reviews" />
</map>
[img]assets/buttons/forum.jpg[/img]
<map name="Map4" id="Map4">
<area shape="circle" coords="52,37,34" href="http://digitalforums21.proboards91.com/index.c.cgi?" alt="Forum" />
</map>
[img]assets/buttons/aboutus.jpg[/img]
<map name="Map5" id="Map5">
<area shape="circle" coords="50,38,35" href="aboutus.html" alt="About Us" />
</map>
[img]assets/buttons/contactus.jpg[/img]
<map name="Map6" id="Map6">
<area shape="circle" coords="51,38,34" href="contact.html" alt="Contact" />
</map>
</div>

[Pun]

Okay I figured out the problem...apparently the mapping screws it up. I removed the mapping and they display correctly now. Lame.

[Killgannon]

its not lame, its called correct.

i suggest you look more into the map tag as the way you had it is the way any true browser will render it (opera or firefox)