Css Won't Work! Aaaghhh!

So, I put a flickr (http://www.flickr.com) stream on my website's photos page (http://www.maxigumee.com/diary/photosandstuff.html). I put it at the top of my page. Now, in Safari, the whole thing looks pretty good and all eight photos fit perfectly into the 600px space.

In Firefox, however (and other mozilla made browsers), for some reason there are borders around the images in the flickr stream, making the images go into TWO SEPARATE LINES. They're not supposed to do that!

I went through my stylesheet (http://www.maxigumee.com/diary/brown.css) and tried to find the problem. I couldn't find it. I then edited the stylesheet and and made the flickr bar's images have 0 padding, 0 borders, no backgrounds, etc. STILL the borders remained.

WHAT THE HECK is going on?! :(

try writing border=0 in on the autogenerated image tags

try writing border=0 in on the autogenerated image tags

Don't do that in your image tags, that should be CSS:

border: none;


for your image tags, not border 0 in the html or border 0 in the CSS (none specifies the complete removal, so no default).

I get that on occassion too, I forget it looks fine in safar, but firefox really has it right.

Oh, and to answer your question -- if you make an image a link, the default for all (well supposed to be) browsers is to outline it, kinda' like an underline for a link is the default as well. So adding the border none removes any existance of that default border. I still forget to do that until I test :p