HTML - Sobre la resolución y problemas con navegadores

Hola!
Tengo una tabla en mi pagina web html.Y en la hoja de estilo, he definido la anchura de esta forma:
table {width:100%;}
El problema que tengo es que con netscape y mozilla, me sale bien el ancho de la tabla, y me ocupa
todo el navegador, pero con el internet explorer me deja un pequeño espacio en blanco y no me ocupa
todo el ancho del navegador.¿A que puede ser posible? ¿Cual es la solución?

El segundo problema que tengo es que haciendo un gif animado como titulo de la pagina, donde salen
unas letras que una a una van apareciendo (esta hecho con el imageready de adobephotoshop), si vario
la propiedad width de la imagen, entonces las letras me aparecen mas estrechas.Estoy trabajando
con una resolucion de 1024x768, ¿con que resolucion deberia trabajar? Tambien me sucede que con
mi resolucion, las letras me aparecen bien en la mitad de la pantalla, pero si cambio a una resolución
mayor, entonces las letras no me aparecen en la mitad de la pantalla (aparecen muy hacia la izquierda).
¿Existe alguna manera de que este titulo o gif animado me aparezca bien, centrado en la pagina
independientemente de la resolución que tenga el monitor, y que tambien el tamaño de las letras
aparezca proporcional (me refiero a que no se estrechen) independientemente tambien de la resolución?
¿O forzosamente mi web estara optimizada para 1024x768, y los que utilicen otro tipo de resolución
veran algo mal o bastante diferente?

El ultimo problema es, utilizo este javascript para iluminar los iconos.Se me ve bien con internet explorer
en cambio con netscape y mozilla no me hace nada, y en los dos navegadores tengo habilitada la funcion
de javascript.¿A que puede ser debido? ¿Es simplemente que este tipo de filtros solo los acepta internet
explorer y no netscape ni mozilla?

<style type=\"text/css\">
#im {
FILTER: alpha(opacity=50)
}
</style>

<script language=\"JavaScript1.2\">
function high(which2)
{
theobject=which2;
highlighting=setInterval(\"highlightit(theobject)\",50);

}
function low(which2)
{
clearInterval(highlighting);
which2.filters.alpha.opacity=50;
}
function highlightit(cur2)
{
if(cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=5
else if(window.highlighting)
clearInterval(highlighting)
}
</script>

Este es el script que puedes seleccionar, copiar y pegar directamente.
Esta parte del script hay que pegarlo entre las etiquetas BODY y /BODY, donde se quiera que aparezca el efecto:

<img src=\"TU_IMAGEN.gif\" width=\"32\" height=\"32\" border=\"0\" alt=\"\" id=\"im\" onmouseover=\"high(this)\" onmouseout=\"low(this)\">

Gracias!
Gerardo