I made a web page in mostly CSS and it currenly looks great in Firefox, but when I look at it on Internet Explore 7 the header width is way too wide....

What is wrong with the code and how do I fix it?

My web page is: www.commentsandcapers.com if you could look at is and tell me what I need to correct in the code that would be great!

Thanks
Josh

I recommend that you start by fixing the markup errors and CSS errors reported by the online tools.

BTW, the tiling of your background image looks odd if the browser window is larger than 640x480 pixels.

I corrected most of the errors on my web page and still the menu is collapsed over to the left and the header is way too wide in IE 7. It looks fine in firefox though??

Thanks
Josh

I correct all of my CSS and HTML errors by using the online tools.

However, both of the menus look terrible in IE 7 and fine in Firefox...

Does IE interpret 'px' measurements differently than IE 7?

Should I be using 'em' measurements instead or maybe '%'??

If not what is wrong with my menu configuration and how do I correct it to get it to work well in IE 7?

Thanks
Josh

I cleaned up my code a little more...

and added the

display: inline; element.

The menus look better but the header is still very wide, not sure why??

Thanks
Josh

I don't know what you see, but I don't see such a wide header (see the scrreenshot below).
The content div is 95% while the header is 740px. The content div will adapt to the window ize, but the header won't.

Besides, don't use pt for texts. Only use points in a print stylesheet. And I see decimal pixels. I don't think browsers can handle that. So, although your HTML and CSS are valid, you might need to review your CSS.


Click to view attachment

The problem is that I can make the header in percentage measurements, but the picture on the right do not adjust to the size of the header.

Even if I use percentage absolute positioning for the header picture, it does not adjust to the size of the header when I view it in a smaller screen?

Not sure what I am doing wrong?

Thanks

Well, it seems like the width of the header is consistent in IE and Firefox, but the picture on the right disappears in IE??

Why is that?