Need help identifying an IE problem

[ravensjeff]

Hey all...I'm new here but I'm getting into doing quite a bit of web designing so I hope to hang out here a lot and both learn and help where I can.

At any rate, I was hoping someone could help me solve a problem with this site.

The site looks as it is intended in Firefox without any problem. However, in IE, a thin white line appears above the house picture. This is true of IE6 and IE7. But in IE6 there is also a while line that appears below the logo bar and search listings area that actually creates a break in my background image. This lower white line does not appear in IE7 except for one page of the site. Weird, eh?

The lower white line that appears in IE6 and on the one page of IE7, is actually in some way affecting the background image of the main container. The background image should repeat without breaks.

Here is a link to my css code, as well. If anyone can offer any suggestions, I'd be most appreciative as I have been pulling my hair out trying to troubleshoot this one.

[mlseim]

Here's the deal ...

You're dealing with IE, so you need to be aware of some quirks that can really cause headaches.

The first problem ... the top white line (space).
You need to eliminate all tabs and white space on this line:
Make it all one line, no tabs, no carriage returns ...

<div id="header"><img src="img/header.jpg" alt="ERA Weese Realty, Inc" /></div>


Next problem ... the lower white line (space).
You need to add a <br /> after the image, because it's overflowing:
... and also get rid of tabs and white space.

<img src="img/search.jpg" alt="Search Listings" border="0" usemap="#Search_Listings" /><br />


This may sound strange, but don't use any tabs in your XHTML, and don't use
whitespace to make your code look nice. You are mixing CSS with <tables> so you
are already going to have layout problems ... you really shouldn't use tables at all, but
you have your site made, so I guess you leave it as is.


Here is how you troubleshoot problems like yours:

1) At various sections, comment out sections one at a time by using <!-- and -->

2) View the page and see if the problem goes away.

3) Make sure you remove the comment marks when done.



.

[ravensjeff]

Perfect!!! Thank you...I really really appreciate your help.