Bueno viendo que no funciono pues vamos a regresar a la forma anterior para comenzar regresa los estilos css a como estaban y el sufijo de modulo regresado a la blank vamos a usar un div
bueno en esto lo que se hizo de reducir el 50% a una cantidad menor eso si se hace pero como va a reducir ambos modulos y va faltar un espacio para acabar de rellenar el espacio pues aqui entrara en accion del div
para comenzar copia y pega el siguiente codigo en el modulo html donde esta tu imagen tal y como esta
Cita: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
#apDiv1 {
position: relative;
left:0px;
top:0px;
width:400px;
height:180px;
z-index:100;
}
</style>
</head>
<body>
<div id="apDiv1"><img src="Direccion de tu imagen/nombre de tu imagen.png" width="400" height="180" /></div>
</body>
</html>
solo lo unico que se cambiara sera la direccion de la imagen y el tamaño al igual que el tamaño del div de tal forma que cubra el espacio faltante
Nota: Cuando hagas algun cambio no lo regresen enseguida dejalo asi para que pueda observarlo y ver que se puede hacer ok
saludos
