cambio de pc???

[catpaw]

Hola forer@s:

Tengo mi página que estuve trabajando en mi la lap que tengo en casa, ahi me quedo todo bien mis marcos encajaban perfecto y todo, ahora que me la traje a la de escritorio del trabajo se me desencajaron unos marcos y nose como arreglarlo y que en cualquier maquina se vea bien, aca les pongo una imagen:

http://www.imaxenes.com/codigos/dibujo1kn42qf.jpg.html le dan en mira la imagen (parte superior derecha bajo el menu)

lo que enmarco en rojo es lo que se me desencajo, el codigo html:

Código HTML:

<div id="trabajo" class="contenido">
  <div id="noticias" class="caja">
    <div class="sup ext">
     <img class="derecho" src="../CIByR/images_fondo/noticias_sup-final.png" alt = "" /><!--esquina superior derecha-->
     <img class="izquierdo" src="../CIByR/images_fondo/noticias_sup-inicio.png" alt = ""/><!--esquina superior izquierda-->
    </div>
    <div class="int">
     <div class="noticia">
      <div class="encabezado">
                     <h1>
                    	Buscar Resguardo
                    </h1>
       </div>
     <div class="texto">
           	combos
     </div>
    </div>
   </div>
  <div class="inf ext">
    <img class="derecho" src="../CIByR/images_fondo/noticias_inf-final.png" alt = "Noticias" /><!--esquina inferior derecha-->
    <img class="izquierdo" src="../CIByR/images_fondo/noticias_inf-inicio.png" alt = ""/><!--esquina inferior izquierda-->
   </div>
 </div>
</div> 

los css son estos:

Código:

.ext{
	overflow: hidden;
	white-space: nowrap;
}

.ext .derecho{
	float: right;
}

Código:

.int{
	border-left: 1px solid #acacac;
	border-right: 1px solid #acacac;
	padding: 3px;
	/*background: #FEF8E4;*/
	background: #fff url("../images_fondo/loginbg.gif") repeat;
}
#trabajo.contenido{
	
	border-color:#FF6600;
}

/*notice*/

#noticias.caja{
	margin: 0 300px 0 5px;
}

#noticias .sup{
	height: 38px;
	background: #fff url("../images_fondo/noticias_sup-fondo.png") top repeat-x;
	/*background: url("../images_fondo/loginbg.gif") repeat;
	border-top: 1px solid #acacac;*/
}

#noticias .inf{
	height: 26px;
	background: #fff url("../images_fondo/noticias_inf-fondo.png") bottom repeat-x;
}

Código:

.noticia{	
	font-size: 9pt;
}
.noticia .encabezado{
	height: 46px;
	/*margin-bottom: 8px;
	background: #fff url("../images_fondo/encabezado-fondo.png") top repeat-x;
	border-bottom: 1px solid #FDECBD;*/
	padding-left: 5px;
	padding-right: 5px;
	font-family: Arial, Helvetica, sans-serif;
}

.noticia .encabezado img{
	float: right;
}

.noticia .encabezado h1{
	font-size: 12pt;
	font-weight: bold;
	color: #01814E;
	margin: 1px 0;
	padding: 0;
	border: none;
}
.noticia .texto{
	padding-left: 5px;
	padding-right: 5px;
}

La idea es que el marco encaje en donde sea pero no se como, e escuchado sobre el fixed pero no se como aplicarlo... Les agradecere mucho la ayuda que me puedan brindar