problemas al crear pdf

[angieyalver]

hola a todos ya solucione y me muestra las imagenes estes es el codigo con lo que genero

Código PHP:

<?php 
ob_start();
?>
<?php 
$table .="<div style='top:182;width:700;height:400;position:absolute;left:7;'><div style='position:absolute;left:145;top:17'><img src='pero.jpg' width='400' height='300'/></div>";
$table .="<div style='position: absolute;top: -177;left: 9;width: 700;height: 170'><img src='Banner1.jpg' width='600' height='110' />";
$table .="<div style='position:absolute;left: 258;top: 80;width: 472;height: 88;'>Nombre Usuario:";
$table .="<br>Cargo</div>";
$table .="</div>";
$table .="<div style='top:103;position:absolute;left: 30;width: 617'>
Podemos aplicar transparencia a las imágenes de esta forma. Firefox usa la propiedad opacity:x para la transparencia, mientras que IE usa filter:alpha(opacity=x). La sintáxis CSS3 para la transparencia es opacity:x.
No hay que olvidar que:
En Firefox (opacity:x) x puede tener un valor desde 0.0 hasta 1.0. Un valor más bajo hará el elemento más transparente.
En IE (Internet Explorer) sería así: (filter:alpha(opacity=x)) x puede ser un valor de 0 a 100. Un valor más bajo hará el elemento más transparente.
- See more at: http://www.cssblog.es/ejemplos-con-la-transparencia-css/#sthash.4pkKHWkZ.dpuf</div>";
$table .="<div style='position:absolute;top:405;left:20;width:600;height:40'><img src='Banner2.jpg' width='600' height='29' /></div>";
$table .="</div>";
 
print $table;
require_once("dompdf/dompdf_config.inc.php");
$dompdf = new DOMPDF();
$dompdf->load_html(ob_get_clean());
$dompdf->render();
$pdf = $dompdf->output();
$filename =date("d-m-Y_H_i_s").'.pdf';
file_put_contents($filename, $pdf);
$dompdf->stream($filename);
 
?>
 

el problema ahora es que no me le aplica el css , como puedo hacer para que me tome el css lo hize asi

Código CSS:

<style type="text/css">
.banner-principal{
    background:url(Banner3.jpg)no-repeat center;
    background-size:400px 300px;
    top:182px;
    width:700px;
    height:400px;
    position:absolute;
    left: 7px;
}
.pricipal{
    top:103px;
    text-align:center;
    position:absolute;
    left: 30px;
    width: 617px;
}
.banner1{
    background: url(Banner1.jpg)no-repeat center;
    background-size: 600px 110px;
    position: absolute;
    top: -177px;
    left: 9px;
    width: 700px;
    height: 170px;
}
.usuario{
    position:absolute;
    left: 258px;
    top: 80px;
    width: 472px;
    color:#FFFFFF;
    font-size:24px;
    font-family:Arial, Helvetica, sans-serif;
    height: 88px;
}
.pie-pagina{
    background: url(Banner2.jpg)no-repeat;
    background-size: 600px 30px;
    position: absolute;
    top: 405px;
    left: 30px;
    width: 600px;
    height: 40px;
}
</style>
 

llamando las clases donde las necesito pero tampoco me funciono, no se que hacer, me pueden ayudar