Hola, veréis, pretendo unir varias imágenes en 1 sola mediante DIV's, pero el caso es que me quedan separados.. es decir, no se unen al 100% y queda un margen de 3 o 4 px que se nota, a ver si me podéis echar un cable... gracias! os dejo el código aquí:
    
Código CSS:
Ver original<style type="text/css">
 
#n1{ background: url("1.png") no-repeat ;}
#n2{ background: url("2.png") no-repeat;}
#n3{ background: url("3.png") repeat-x scroll right top;}
 
.w{
    height: 85px;
    margin-left: 8.5px;
    margin-top: 0px;
}
 
.t1 {
    padding: 1em 0 0 0;
    text-align: center;
}
 
#t2{
    margin: 0 auto;
    text-align: center;
    width: 900px;
}
 
</style>
 
 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin título</title>
</head>
 
<body>
 
<div class="t1" >
            <div class="t2">
 
                <div id="n1" class="w" style="width:15px; float:left;"><p></p></div>
            
                <div id="n3" class="w" style="width:700px; float:left; ">
                    <br />
                    <br />
 
 
                    
                </div>
            
                <div id="n3" class="w"  style="width:10px; float:left; "><p></p></div>
            
</div>