Не убираются рамки между таблицами, не растягивается изображение по ширине и еще много моментов, буду благодарна за подсказку в неверных частях кода

html, body{
    margin:0;
    padding:0;
    width:100%;
    height:100%;
}
A:link{
    color:#000000;
 
}
A:visited{
    color:#000000;
 
}
A:hover {
    color: #FF8791;
 
}
 
A:active{
    color:#FF8800;
 
}
table{
    width:100%;
    margin:0;
    padding:0;
 
}
TD{
    color:#000000;
    font:11px Georgia, "Times New Roman", Times, serif ;
    margin:0;
    padding:0;
    vertical-align:top;
   
 
}
P{
    font-family: Verdana, Arial, Helvetica, sans-serif;
} 
 
 
/* ---------->>>id/top/center/footer  <<<-----------*/
table#main{
    height:100%;
    background-image: url(img/backgr.jpg);
    border-collapse: collapse;
}
 
 
td#topmenu{
 
    height:80px;
    width:773px;
 
}
td#content{
    width:773px;
    height:100%;
    border: 0px;
} 
td#footer{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color:black;
     background-image: url(img/backgr.png);
    width:100%;
    height:179px;
   
}
/* ---------->>>Top<<<-----------*/
table.top_menu{
    border: 0px;
    text-align: center; 
    margin: auto;
   /* width: 773px;  */
 
}
td.top_center{
    width:100%;
    background:url(img/backgr.png);
    text-align:center;
 
}
/* ---------->>> Center <<<-----------*/
 
table.center_table{
    border: 0px;
    height:1280px;
    width: 1024px;
    
}
 
td.column_center{
    margin:0; padding:0;
    border: 0px;
    background:black;
    background-image: url(img/backgr.png);
    background-repeat: no-repeat;
 
}
 
div.footerleft{
 
    float:left;
    line-height:70px;
    text-align:center;
    width:174px;
    height:70px;
 
}
div.footerright{
    float:right;
    line-height:14px;
    text-align:right;
    padding-top:20px;
    padding-right: 20px;
    height:70px;
    width:174px;
}
 
img.backgr {
     background-image: url(img/backgr.png);  
     height: 100%;
}
 
img.menu1,menu2,menu3,menu4{
    width: 100%;
    height: 100%;
}
 
* {margin:0; padding:0;}
ul {list-style: none;}
ul.menu {
    margin:0; 
    padding:0;
    overflow:hidden;
}
ul.menu li{
    float: left;
    width:15%;
 
}
ul.menu a{
    border: 0px;
    font-size:0px; 
    height:80px; 
    text-align:center;
    background-color: #F7E2A1; 
    color:black;
    text-decoration: none;
    white-space:nowrap;
    display : inline-block ;
    float: left;
  
}
ul.menu a:hover{
    color:black;
    background-color: #FFAC94;
   
}
ul.menu li a#der{
    color:black;
    background-color: #FFAC94;
 
}