Good day/afternoon/night people.
Not sure if this is the right sub forum to post my question, but here it goes.
I have a problem with a particular design that I´m working with. The conflict is just with IE7, because Firefox loads it right. Here is a pic to give you an idea.

Can you see the top of the page? that extra "line"?
As far as I can understand, the image inserted in the cell is not on the absolute left or right in IE, so you can see the background color. In the last pic you´ll get the idea.
Thanks in advance!!

Code would be more helpful than images here. And it's not an HTML problem, it's the css. I fixed a similar problem recently:

Basically in IE it doesn't think that the div is wide enough to support both floats and the center repeat. Add a hack .css file (because it's a lot cleaner) and play with the margins/widths of the top part of the div.

So you suggest I work with the css file?
The code for that particular cell:

<td colspan="5" valign="top" bgcolor="#FFFFFF"><img src="images/infobox/top_left.JPG" width="11" height="11" align="left"><img src="images/infobox/top_right.JPG" width="11" height="11" align="right"></td>

Thanks!

I just fixed it myself. If anyone encounters the same problem, here is the fix:
add hspace="0" vspace="0" to the image. In my case:

<img src="images/infobox/top_right.JPG" width="11" height="11" align="right" hspace="0" vspace="0">

good luck and thanks for the time PeachyJuice

Better to learn to build web pages WITHOUT tables for layout and learn to code using CSS to achieve your layout.