por fin, conseguido, no acabo de saber a ciencia cierta lo que era pero pongo los códigos por si a alguien le sirve
html:
<div id="caja"><br /><br />Soldadores homologados (5)<br /><br />
Personal Taller (25)<br /><br />
Personal administración (5)<br /><br />
Ingenieros industriales (1)<br /><br />
Ingenieros técnicos (1)<br /><br />
Delineantes (2)<br />
<br />
</div>
css:
#caja {
padding-top:5px;
padding-bottom:5px;
padding-left:15px;
padding-right:15px;
text-decoration: none;
border-right: 1px solid #fff;
width: 300px;
height: 300px;
background-image: url(../img/box_recursos2.jpg);
background-repeat: no-repeat;
background-position: left top;
line-height: 15px;
}
Por cierto alguien sabe porque la imagen del header se ve en mozilla y no en internet explorer??? pongo el código a continuación (monvigar.freehostia.com) en dreamweaver nose porque no se ve la imagen en vista diseño:
html:
<div id="page_header">
<h1 align="center"> </h1>
<div id="flags">
<ul>
<li><a href="xxx"><img src="img/flag_cat.gif" alt="Español"/></a></li>
<li><a href="xxx"><img src="img/flag_spa.gif" alt="English"/></a></li>
</ul>
</div>
</div>
css:
#page_header {
height: 120px;
clear: both;
background-color: #FFFFFF;
background-image: url(../img/header.jpg);
background-repeat: no-repeat;
background-position: center center;
}
Saludos y gracias!!