ok here is our site:

http://fate.dkpsystem.com/

u will immediatly see that when u open it in IE it doesnt show the top border correctly, it does show it good with the bottom borders..

what should i add in the code (attached to the post)?

Hmm...your site actually looks almost as expected in IE7 for me.

yeah everything is ok just that the Top corners are a bit separated from the left or right images.. (maybe because i'm not using the newest version of IE)

I had a lot of problems with that as well in IE 6.

I believe this is how I defined mine to solve the problem with that:
<td style="background-image:url('/settings/tnb/files/TopRightSide2.gif');background-repeat:no-repeat;">
<img src="/settings/tnb/files/spacer.gif" border=0 height=28px width=12px>
</td>

I never did get part of it right, so I set the background to black and there is a break in the line, but it isn't that noticeable.

The problem is that IE5.5-6 displays images as block elements, and it gives all block elements descender lines (those are used for displaying the bottoms of p's and q's and y's, etc).

To get it changed, real simple, change your

<img src="http://dkpfiles.com/fate/files/spacer.gif" border=0 height=43>

to

<img src="http://dkpfiles.com/fate/files/spacer.gif" border=0 height=43 style="display: inline;">


This should remove the extra few pixels on the bottom of the spacer gifs you're using, making the layout line up properly.

didn't work Keela :'(

That's weird then, as it seems that IE is either rendering the spacer images too big, or isn't doing the backgrounds properly, or something...


I downloaded your news page to run a few tests locally, and the simplest fix I came up with is changing the height of your spacer.gif images from 43 to 40. This didn't have any noticable changes in Firefox, but made the borders line up properly in IE.