I have an issue with an image inside of a website I built. It's one image that I had to piece together. The top piece is in one division and the bottom half is in another. My Issue I am trying to solve is with IE 7. In IE 7 and I believe IE 6 as well shows my image with a black line separation in between the separate divisions. The blemish lies on the main page or index page. If you have IE 7 or 8 you can check it out so that maybe it gives you a better idea of what the problem is. (www.allencarson.net/~efdev)

I have placed the code for where the problem lies in case you may need that as well. Please help, I have been searching for the solution for sometime now. Thanks

<div id="tabs"><img src="images/tabs.jpg" alt="tabs" border="0" usemap="#Map" />
<map name="Map" id="Map"><area shape="rect" coords="534,23,603,47" href="index.html" alt="home" />
<area shape="rect" coords="617,22,750,47" href="email_sign-up.html" alt="new letter sign up" />
<area shape="rect" coords="762,22,832,47" href="sitemap.html" alt="site map" />
     <div class="logo-images">
       <div id="logo"><img src="images/ef_logo_negative_pms3035(2).jpg" alt="logo" width="140" height="224" /></div>
       <div id="images"><img src="images/top_images.jpg" alt="TopImages" /></div>

I don't see the problem. The image is displayed as a continuous image in IE8 and FF3.

It might be that screen resolution makes it look different on different computers.

Hacks are never a good idea.

I think I see the problem you speak of in IE7... the top of the tower is broken from the main image?
It looks as though you have used little CSS. May want to try a CSS reset file... this one is from yahoo, just add it to your header before your CSS link.

<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.5.2/build/reset/reset-min.css"  />

If need be you can make it conditional... I personally put this link in all of my sites just to be safe though.

.. hacks are only a good idea if there is no other way :).

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.