Why do these look different in Firefox/IE/Chrome

Joebits

Check www.djbarcoe.com in Firefox then IE.

Navigation is 4 speakers.
In Firefox the image(speakers) quality is different to that in IE and Chrome. Why is this? I want to get them looking like(quality wise) what they look like in IE/Chrome.
Any help appreciated

daymobrew

Your navigation images appear to be quite large (Home is 349x339 but displayed as 169x169 - note the different aspect ratio too).

You should create 169x169 images for a consistent appearance in all browsers. This will also reduce the size of the files to be downloaded.

The reason they appear differently in IE/Firefox is because they must have different algorithms for resizing images.

PS Your stylesheet has two typos:

a:hover  {
   color: yellow ;
   background-color: transparen ; [b]/* Missing 't' in transparent. */[/b]

 }

a:active {
   color: yellow ;
   background-color: transparen ; [b]/* Same here. */[/b]
 }

Joebits

daymobrew wrote: »

Your navigation images appear to be quite large (Home is 349x339 but displayed as 169x169 - note the different aspect ratio too).

You should create 169x169 images for a consistent appearance in all browsers. This will also reduce the size of the files to be downloaded.

The reason they appear differently in IE/Firefox is because they must have different algorithms for resizing images.

PS Your stylesheet has two typos:

a:hover  {
   color: yellow ;
   background-color: transparen ; [B]/* Missing 't' in transparent. */[/B]

 }

a:active {
   color: yellow ;
   background-color: transparen ; [B]/* Same here. */[/B]
 }

You've made my day. That little thing was annoying me for ages. I made em 169x169's, they look great now! Thank you daymobrew !!