CSS Firefox/other browsers

[whitey]

Hi,

wondering if anyone knows the answer to this

I've added loads of stuff on my site, but the facebook/twitter logos show fine when using Safari for example. when I use firefox I get a box around them stating they are URLs (they are meant to be)

Is this a firefox thing? or would I be able change some CSS to get the logos to display with no border?

I get the following in Safari (normal)

and I get this in Firefox

As much as its a small issue its starting to get on my nerves

Thanks in advance

 

[johnsy]

add

border="0"

in the img bit eg

alt="" width="48" height="48" border="0"

You may also like to put something in your 'alt' tags to make it more accessible, for instance

alt="Facebook"

for the Facebook link

 

[mattyh]

Technically, you should add it in the CSS rather than the html img bit, so it would be:

img { border: none; }

I agree with the alt tag though

 

[whitey]

add

border="0"

in the img bit eg

alt="" width="48" height="48" border="0"

You may also like to put something in your 'alt' tags to make it more accessible, for instance

alt="Facebook"

for the Facebook link

Brilliant, Thank you, thats fixed it

tried the other one for the CSS but that didn't do anything, gone with border =0 and its sorted it

thanks re alt tags to, added facebook, twitter, logo to relevant places