After changing the CSS on the portfolio page on my site to form a sort of gallery, it looked great in IE, but when i swapped over to firefox the whole page seemed to crunch together, (I tried playing with margins and padding but no luck)


The page is here:
http://cazzu.com/portfolio.html

The CSS is here:
http://cazzu.com/cazzuindex.css

I think the problem involves the #post and #item ID's

(Also, a quick side thing: the rollover borders for the image links mysteriously disappeared after I added javascript. Any fixes for this?

#post .item a:hover img{
border:3px #66CCFF;
}

#post .item a img{
border:3px #333333;
}
It was working before...
)

Thanks

I think if you change your post id (#post) to a post class (.post), that everything should work fine. You use #post more than once in your page.

Use IDs when there is only one occurence per page. Use classes when there are one or more occurences per page.