wenas, me acaba de surgir un problema medio raro, el cual me deforma la pagina dependiendo de el monitor en el que esat se vea, como lo puedo solucionar, aca les dejos los codigos para que la chekeen.

texto:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>
<title>D&meT</title>
<link rel="stylesheet" href="Fondo.css" type="text/css" media="all">
</head>
<style type="text/css">
<!--
#floatmenu{position:absolute; width: 220px; top: 10px; left: 10px; z-index:5; visibility:visible;}
-->
</style>
<body>

<div id="home">
<ul> [*]Sección 1 [*]Sección 2 [*]Sección 3 [*]Sección 4 [/list]
</div>

<div id="contactos">


Telefono./Fax: (54-11) 4225-9187</p></br>


Direccion: 29 de Septiembre 3356</p>


R. de Escalada(B1826GKR)</p></br>


Email: info@dymet.com.ar </p>
</div>



<div>[img]Fotos/logo dymet .gif[/img]</div>


<div>[img]Fotos/Botones/Copia de quienes somos.gif[/img]</div>



<div>[img]Fotos/Botones/Copia de productos idem.gif[/img]</div>


<div>[img]Fotos/Botones/Copia de desarrollos.gif[/img]</div>


<div>[img]Fotos/Botones/Copia de contacto.gif[/img]</div>


<div>[img]Fotos/Botones/Copia de home.gif[/img]</div>


<div></div>
</br>























</body>
</html>



CSS:

body
{background-image: url(Fotos/fondo+logo.gif); background-repeat: no-repeat ; style= "position":absolute}

a {color: brown ; text-decoration:none ; display: block }
a:link {list-style:none}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}



#home {background-color: gray ; border: black 1px solid ; height:20px ;
margin: 315px 75px 0px 700px }
#home li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#home ul {margin-left: 0px}

#contactos {background-color: gray ; border: black 1px solid ; height:50px ;
margin: 50px 75px 0px 700px}

#menu {width: 125px ; style= "position":absolute;
background-color: orange ; border-left: black 1px solid ;border-right: black 1px solid ;
border-bottom: black 1px solid ; margin: 25px 0px 0px 174px }
#menu li {list-style:none ; margin: 25px 25px 0px -10px }

#menuQS {width: 125px ; style= "position":absolute;
background-color: orange ; border-left: black 1px solid ;border-right: black 1px solid ;
border-bottom: black 1px solid ; margin: -390px 0px 0px 174px }
#menuQS li {list-style:none ; margin: 25px 25px 0px -10px }

#menuC {width: 125px ; style= "position":absolute;
background-color: orange ; border-left: black 1px solid ;border-right: black 1px solid ;
border-bottom: black 1px solid ; margin: -198px 0px 0px 174px }
#menuC li {list-style:none ; margin: 25px 25px 0px -10px }

#menuD {width: 125px ; style= "position":absolute;
background-color: orange ; border-left: black 1px solid ;border-right: black 1px solid ;
border-bottom: black 1px solid ; margin: 25px 0px 0px 174px }
#menuD li {list-style:none ; margin: 25px 25px 0px -10px }


#quienessomos {background-color: gray ; border: black 1px solid ; height:20px ;
margin: 25px 75px 0px 500px}


img
{
border:0;
}

lo que trate de hacer fue un menu desplegable con diferentes liks, los cuales mostraban lo mismo en la pagina y en algunos mostraba el menu, pero no se porque justo en este link se ve fuera de lugar en un monitor y en el otro se ve bien, y cuando lo arreglo para que se vean en uno, modificando las posiciones, se me ve mal en otro como ago?