Problema con compatibilidad entre navegadores Firefox e IE 7

[thebluether_vgalicia]

Bueno mi problema es el siguiente:

Estoy haciendo una pagina Web en PHP y utilizo CSS para los estilos

El problema consiste q todo lo q estoy haciendo es perfectamente visible en Firefox pero en Internet Explorer 7 no se ve nada de nada

al principio note q colocandole estas dos lineas funcionaba pero cuando keria ver las graficas q salen en una pagina secundaria no salian nada y cuando le quito estas dos lineas funciona perfectamente pero IE 7 vuelve a quedar igual

Código:

@charser "utf-8";  /* CSS Document */

ahora he leido q colocando esta linea y mo dificando mi httpd funcionaria pero no logro hacer q funcione, ya q cuando presiono F5 para actualizar el cambio ahora no me deja ni ver la pagina normal sino q abre una ventanita preguntandome si quiero abrir o guardar la pagina

Linea para el httpd

Código:

    AddType application/x-httpd-php .php .CSS

liena para el php (q se supone q tengo q poner en todos mis archivos PHP)

Código:

header('Content-Type: text/css');

este es mi codigo CSS

Código:

a.tableDetalle{
	color: #c75f3e;
}

#mytable.tableDetalle {
	width: 50%;
	padding: 0;
	margin: 0;
}

caption.tableDetalle {
	padding: 0 0 5px 0;
	width: 50%;	 
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#545454;
	text-align: right;
}

/*OPCION de lista --> VALORES DE REFERENCIA <-- Datos de primer columna, Color de texto, Color de Fondo*/
th.tableDetalle {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #545454;
	border-right: 3px solid #FFFFFF;
	border-bottom: none;
	border-top: none;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 6px;
	background:url("../images/Box_Titulo.jpg") repeat-x;
	background: #9daab6;
}

/*Datos de la segunda columna, color de texto, color de fondo*/
td.tableDetalle {
	border-right: 3px solid #FFFFFF;
	border-bottom: none;
	background: #d7e0e8;
	padding: 6px 36px 6px 26px;
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #545454;
	text-align: center;
}

th.nobg {
	border-top: none;
	border-left: none;
	border-right: 3px solid #FFFFFF;
	background:url("../images/Box_Titulo.jpg") repeat-x;
	text-align: left;
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #545454;
}


td.alt {
	background: #F5FAFA;
	color: #797268;
}


th.tab {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(../aplicacion/Smarty/images/bullet1.gif) no-repeat;
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;	
}


th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(../aplicacion/Smarty/images/bullet2.gif) no-repeat;
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}

este solo es un pequeño pfragmento de mi codigo PHP ya q son 1500 lineas

Código:

case 2://tipo tabla:Fecha,Hoy,Semanal,Mensual YA STA
                $resultado=array();
                $this->stringquery=sprintf($this->query->select("select_tipo_tabla_2_estdo_general"),$tabla_estado[$i]['tabla'],$id);
                $sth=$this->conexion->prepare( $this->stringquery);
                $sth->execute();
                $resultado=$sth->fetchAll(PDO::FETCH_ASSOC);
                $table[]=<<<table
                <table id="mytable" cellspacing="0" width="100%" height="170px" >
                <tr class="tableDetalle">
                <th scope="col"  class="nobg"  align="center" colspan="2" onclick="javascript:window.open('administracion_estado_ser_grafica_titulo_ser.php?id={$tabla_estado[$i]['id_secciondetalle']}&r=1', 'Titulo{$tabla_estado[$i]['id_secciondetalle']}','width=900,height=600,scrollbars=yes,resizable=yes');"><a href='#'>{$tabla_estado[$i]['secciondetalle']}</a></th>
                </tr>
                <tr class="tableDetalle">
                <th scope="col" abbr="Fecha" class="tableDetalle" >Fecha</th>
                <td class="tableDetalle" >{$resultado[0]['fecha_up']}</td>
                </tr>               
                <tr class="tableDetalle">
                <th scope="col" abbr="Hoy" class="tableDetalle" onclick="javascript:window.open('administracion_estado_ser_grafica_hoy_ser.php?tipo=1&id={$tabla_estado[$i]['id_secciondetalle']}', 'Grafica{$tabla_estado[$i]['id_secciondetalle']}', 'width=950,height=400,scrollbars=yes,resizable=yes');"><a href='#'>Hoy</a></th>
                <td class="tableDetalle" onclick="javascript:window.open('administracion_estado_ser_grafica_hoy_ser.php?tipo=1&id={$tabla_estado[$i]['id_secciondetalle']}', 'Grafica{$tabla_estado[$i]['id_secciondetalle']}', 'width=950,height=400,scrollbars=yes,resizable=yes');"><a href='#'>{$resultado[0]['dia']}</a></td>
                </tr>
                <tr class="tableDetalle">
                <th scope="col" abbr="Semanal" class="tableDetalle" onclick="javascript:window.open('administracion_estado_ser_grafica_hoy_ser.php?tipo=2&id={$tabla_estado[$i]['id_secciondetalle']}', 'Grafica{$tabla_estado[$i]['id_secciondetalle']}', 'width=950,height=400,scrollbars=yes,resizable=yes');"><a href='#'>Semanal</a></th>
                <td class="tableDetalle" onclick="javascript:window.open('administracion_estado_ser_grafica_hoy_ser.php?tipo=2&id={$tabla_estado[$i]['id_secciondetalle']}', 'Grafica{$tabla_estado[$i]['id_secciondetalle']}', 'width=950,height=400,scrollbars=yes,resizable=yes');"><a href='#'>{$resultado[0]['semanal']}</a></td>
                </tr>
                <tr class="tableDetalle">
                <th scope="col" abbr="Mensual" class="tableDetalle" onclick="javascript:window.open('administracion_estado_ser_grafica_hoy_ser.php?tipo=3&id={$tabla_estado[$i]['id_secciondetalle']}', 'Grafica{$tabla_estado[$i]['id_secciondetalle']}', 'width=950,height=400,scrollbars=yes,resizable=yes');"><a href='#'>Mensual</a></th>
                <td class="tableDetalle" onclick="javascript:window.open('administracion_estado_ser_grafica_hoy_ser.php?tipo=3&id={$tabla_estado[$i]['id_secciondetalle']}', 'Grafica{$tabla_estado[$i]['id_secciondetalle']}', 'width=950,height=400,scrollbars=yes,resizable=yes');"><a href='#'>{$resultado[0]['mensual']}</a></td>
                </tr>
                </TABLE>

Alguien me podria ayudar a solucionar este problema q tengo ??

Gracias