You have added the images with r.a.d.
To render without gaps in IE, the closing </td> should be on the same line as <img>.
You have added the images with r.a.d.editor, right?
The problem is related to the transforming HTML layout to XHTML on publish, the XHTML for published site is stored in the _RadDesignerLayouts table in the LayoutXhtml column. In this column the above snippet of html looks like this (for example):
<td valign="top" align="left">
<control name="TopCell" src="RadEditor" originalAttribute="src" originalPath="RadEditor" originalAttribute="src" originalPath="RadEditor" originalAttribute="src" originalPath="RadEditor" originalAttribute="src" originalPath="RadEditor" originalAttribute="src" originalPath="RadEditor" originalAttribute="src" originalPath="RadEditor" />
</td>
Workaround (choose one of the following):
1. When adding an image as a cell content in the RadEditor control, add a <div> tag around it, i.e:
<div><img alt="" src="Img/Template/default_01.gif"></div>
2. Like 1, but is applied to all content on the site. Add a div tag around the placeholder at the bottom of the ~/Control/RadControls/RadEditorControl.aspx file:
<div><asp:PlaceHolder ID="defaultHolder" originalAttribute="src" originalPath="Img/Template/default_01.gif"></div>
2. Like 1, but is applied to all content on the site. Add a div tag around the placeholder at the bottom of the ~/Control/RadControls/RadEditorControl.aspx file:
<div><asp:PlaceHolder ID="defaultHolder" Runat="server" /></div>
3. Create an SQL script for replacing all new lines after editor controls in the LayoutXhtml column in the RadDesignerLayouts table in the database. The script should be run after publishing the site.
We recommend the first approach.
All the best,
Vlad
the Telerik team