How do I remove unwanted space between two images in a table?

Question

I am creating a web page with two images in seperate rows of an html table. One image has the beginning of a border, and the other image continues that same border in the next row. The problem is in Internet explorer, there is a small space between the two images. I have removed all of the cellspacing, cellpadding and borders and in IE there is a still a small space between the images, when I really want them to have edges flush against the other. The image displays fine in Firefox, but does anyone know what I can do to get rid of this small space?

Answer 1

It could be something as simple as a carriage return.
Make sure that both of your img tags do not start on a new line after the previous tag and has no space between.
Also make sure that the tag following the img tag does not start on a new line and has no space between.

Good luck.

Answer 2

IE is notorious for not complying with W3C standards.

Even though you have already removed cell spacing, padding, and borders, you might also try specifying border collapse inside your table tag, something like this:

Answer 3

how do you remove unwanted space? you already have if you already reduced the border, cellspacing and cellpadding to zero... apparently IE has their own standards which means they dont have to comply with W3C standards...

Answer 4

can send me the image please, let me test with it, I think you already know: background-repeat: no-repeat and you can try padding:0px; or margin:0px; please rate my answer if it helped if not, send me the image