Javascript-форум - Хочу закрепить элементы страницы намертво, а не получается

Хочу закрепить элементы страницы намертво, а не получается.

Когда браузер во весь экран, то всё хорошо, когда уменьшаю, элементы
*плавают*, position:absolute или display - ничего не дают...мучаюсь уже давно...а хочется доделать сайт человеку....вот код...кто знает, как зафиксировать всё, скажите...а то все сайты нормальные, а у меня какая-то ерунда...еле слова нашёл, чтоб помягче выразиться..

<!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>
    <title>Сантехник Игорь Васильевич Бородулин</title>
    <style type="text/css">
    DIV { background-color: #ededed;
          margin: .2em;
          font-size: 1.2em ;
          color:#800000 ;
          width : 17% ;
          padding : .2em;
          border-style: dotted;
          border-width: 1px ;
         }
         
          .title { 
          margin: 1em;
          font-size: 2.8em ;
          color:#800000 ;
          width : 85% ;
          
         }
        .glob   {background-color: #ededed;
          margin: .2em;
          font-size: 1.2em ;
          color:#800000 ;
          width :78% ;
          height: 375px ;
          padding: .2em;
          border-style: dotted;
          border-width: 1px ;} 
          
         
              }
              
         .bott {background-color: #ededed;
          margin: .5em;
          font-size: 1.2em ;
          color:#800000 ;
          width : 97% ;
          height: 150px ;
          padding : .5em;
          border-style: dotted;
          border-width: 1px ; }
              
    P   {color:#800000}
    
    A.nodec {text-decoration: none;
             color:#800000;
             text-align:center }
    
    A:hover {color: Black ;
             text-decoration: underline }
    
    
    
    </style>
    
    
    
    
    
    
</head>
<body>
<img src ="i.jpg " style="position:absolute ; top: 0px; left:0px; z-index: 1" width="100%" height="180" alt="Здесь будет фото Бородулина" >
 <center >
<span class ="title" style="position :absolute; top: 40px; left: 100px; z-index:2 " align="center">Бородулин И.В.<br>
                                   </span>
<br></center>

<p>    </p><br><br><br><br><br><br><br><br>

<DIV  style ="float:left ; color:#800000" > <center>
<a  class ="nodec" href   = "www.sp.ru" >Краны</a><br><br>

<a  class ="nodec" href = "www.sp.ru"" >Трубы</a><br><br>

<a  class ="nodec" href = "www.sp.ru" >Инструменты</a><center/><br>






</DIV>
<span class ="glob" style="float:right"  ><p id ="nimrodi" ><img src ="i.jpg "  width="180" height="240" alt="Здесь будет фото Бороду" style ="float:left ; margin: .4em " >
[email]borodulin@narod.ru[/email]   
</p></span>

<DIV  style ="float:left ; color:#800000"  > <center>


<a  class ="nodec" href = "www.sp.ru" >Прочистка труб</a><br><br>

<a  class ="nodec" href = "www.sp.ru" >Откачка насосом</a></center><br>


</DIV>

<DIV  style ="float:left ; color:#800000" ><center> 


<a  class ="nodec" href = "www.sp.ru" >Советы сан-техника</a><br><br>

<a  class ="nodec" href = "www.sp.ru" >Важные ссылки</a><br><br>

<a  class ="nodec" href = "www.sp.ru" >Обо мне</a></center>


</DIV>

<span class ="bott" style="float:left">Все права принадлежат &copy Бородулину </span>


</body>
</html>