1px space under img in IE? Divs don't stretch in Firefox?

I have two questions, they may be very stupid, but I can't figure out the problem.

Here's the page I'm referring to:
http://ecthelion.org/wilde/index.html

and here is the stylesheet:
http://ecthelion.org/wilde/style.css

Question 1) In Firefox, it looks how I want it to. The top image (with the dog and the title of the site) is placed in a div with 0 margin and padding, and a border-bottom of 1px. There is no space between the img and the border-bottom. However, in IE 6.0.2800, there is 1px of space under the image, above the border. How do I fix it?

Question 2)
Please refer to this page:
http://ecthelion.org/wilde/webdesign/?show=ecthelion1.jpg&mode=2&offset=&limit=12

and same stylesheet as above.

The image is within the boundaries of the div if your resolution is 1024x768. But if you resize the browser and make the resolution smaller, the image sticks out to the right of the div because it's larger than the browser window. Is there a way to make sure that the div would expand to fit the image no matter how big it is? In IE, the div seems to do that.

Thanks,
Joyce.