Estaba trabajando en una aplicación de intranet que ha estado trabajando en modo peculiar en todos los navegadores principales durante años. El objetivo era hacer que funcione en modo estándar sin romper nada para que podamos usar algunos paquetes jQuery. De todos modos, mi problema es el modo estándar. Firefox y Chrome agregan un relleno de fondo de 2 píxeles a la celda de la tabla cuando hay un marco flotante dentro de la celda. Esto no sucede en IE.Firefox y Chrome agregan 2px fondo de relleno a la celda de la tabla cuando hay iframe dentro de la celda en modo estándar
Cuando cambio al modo peculiar, el relleno desaparece en Firefox y Chrome.
Cuando agrego un div en lugar de un iframe, el relleno desaparece.
El ajuste de celdas y celdas de tabla de tabla a cero no ayuda.
La página ifrme src también está en modo estándar.
Aquí es un caso de prueba para que usted vea:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head><title>Test</title></head>
<body style="background:#FFF;">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td id='browser_td' style='width:1000px; height:500px; margin:0px; padding:0px; background:#000; border-bottom:0px;'>
<iframe id='browser_iframe' name='browser_iframe' src="http://houston.craigslist.org/" width='1000' height='500' frameborder="0" hspace="0" vspace="0"></iframe>
</td>
</tr>
</table>
</body>
</html>
Esto resolvió mi problema. Pasé horas para esto. Gracias un montón. – icramc