I have many issues with this page: http://www.outer-edge.com.au/develop...e/contact.html

It appears perfect in IE 7. In Firefox & Netscape there is a gap under the menu. In Opera there is a gap below the menu & above the footer.

And the most confusing thing is that there is no background image appearing in IE6?

I have validated my html & css and all appears to be ok.

Any ideas?

Add margin: 0 to #contact_list and your gap will close in FF.

The thing that's throwing the contact page off is the "contact" class, odd as it is. If I re-define your class this way, it works in both browsers:

.contact{
background: url(contact.jpg);
height: 425px;
width: 800px;
}

I would put the height and width on #content, rather than on the classes.
You've also over-complicated your navigation menu.

Thanks heaps! Those changes fixed my problem in all browsers.

I dont understand how renaming the class fixed it though. That's weird.

I know.. there was nothing wrong with the way it was defined to start with. When I narrowed it down to the class as the problem, I decided to just start over with the simplest notation - and it worked.