HELP! IE 6 Wrapping Issues

[miker1961]

I have posted before and am still looking for some assistance with regard to the following xhtml code and css for this page:

http://www.corvairflair.com/ocbs_site/index1.htm

While the page displays great in Firefox and ok in IE 7, when I view it in IE 6 the right hand column keeps wrapping under the left hand column. See screen shot.

When I pull the unordered list out of the picture the thumbnail photos don't wrap.

If someone could take a look at my code and give me some suggestions, I'd certainly appreciate it.

Thanks
Mike

[miker1961]

OK, so I changed my <div> strategy and now I don't seem to have the right column wrapping under the left column in IE 6. However I now have a spacing problem with my thumbnail images.

In IE 7 and Firefox, everything seems to work ok with the exception a couple of minor issues. However, in IE 6 the thumbnail photos in the right hand column are now spaced way lower than they should be in IE 6.

I validated all of my code and there are no errors. I'm sure I need to put some IE hacks in there, but I don't know what they are. Could someone please help me out here. Here is a link to the site. The home page and the link to Our Background are working.

http://www.corvairflair.com/ocbs_site/index1.htm

Thanks
Mike

[drhowarddrfine]

Mike,
Sorry I haven't helped sooner. I'm swamped myself.

Check the widths of the containers compared to the width of the body. If they add up to the exact width of the body then it's possible IE has added margin somewhere when there isn't any. Try increasing the width of the body or decreasing the width of the inside containers.

[miker1961]

Mike,
Sorry I haven't helped sooner. I'm swamped myself.

Check the widths of the containers compared to the width of the body. If they add up to the exact width of the body then it's possible IE has added margin somewhere when there isn't any. Try increasing the width of the body or decreasing the width of the inside containers.

Thanks for your help. I seemed to have fixed the wrapping issue by doing exactly that. I increased the total width of my <div> container that holds both columns.

Now I have an issue with the thumbnail photos. The spacing between the main navigation menu and the thumbnail photos is fine in IE 7 and Firefox, but in IE 6 they appear way further down on the page. I am using the margin-bottom attribute within my navigation container.

Could you take a look when you have a moment.
Thanks
Mike