struts2プロジェクトのレイアウトページに不要なボーダーが来る

私は、レイアウトページが不要な枠線を作成しているstruts 2プロジェクトをdevolopingしています。私は0 pxとしてパディングと境界線を置くことによってそれを削除しようとしました。しかしそれはまだ来ている。struts2プロジェクトのレイアウトページに不要なボーダーが来る

<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles" %> 
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 

    <html> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    <title><tiles:insertAttribute name="title" ignore="true" /></title> 




    <%-- Internal style elements --%> 
    <style type="text/css">          
    .basestyle {  /*style which is given for the main DIV which includes entire base layout body */ 

     width: 100%; 
     height: 100%; 
     padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; 
    } 
    .headstyle {  /* style which is given for the DIV which includes header part */ 
     margin:0px; 
     width: 100%; 
     height: 10%; 
     vertical-align: middle; 
     text-align: center; 
     background-color: #476D9E; 
     padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; 
    } 
    .vericalscroll {  /* style which is given for the DIV which includes vertical menu part */ 
overflow-y:auto;  overflow-x:hidden; 
     height:100%; 
     width:153px; 
     background-color: #476D9E; 
     vertical-align:top; 
     margin-right:1px; 
     padding-right:5px; 
    } 
    .bodystyle {   /* style which is given for the DIV which includes body part */ 
     padding: 0px,0px,0px,0px; 
     border-bottom:0px; 
     border-left:0px; 
     border-right:0px; 
     border-top:1px #DBDFEC; 

     font-family: Calibri; 
     font-weight: lighter; 
     height:565px; 
     overflow-y: auto; 
     overflow-x: auto; 
     width:100%; 
     /*text-align: center;*/ 

    } 
    .footstyle {   /* style which is given for the DIV which includes footer part */ 

     width: 100%; 
     background-color: #476D9E; 
     height: 10px; 
     bgcolor:#eeeeee; 
     vertical-align: middle; 
     text-align: center; 
     padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; 

    } 

     </style> 
    </head> 
     <body >  

     <div class="basestyle" > 

    <div class="headstyle" > 
        <tiles:insertAttribute name="header" /> <%-- including header --%> 
    </div> 

    <table border="0" width=100% height=87% style="margin: 0px; padding: 0px;"> 
     <tr> 

     <td width=153 align="left" valign="top"> 
     <div class="vericalscroll" > 
         <tiles:insertAttribute name="menu" />  <%-- including menu --%> 
      </div> </td> 





     <td valign="top" align="left" width=88% > 
      <div class="bodystyle" align="center" > 
         <tiles:insertAttribute name="body" /> <%-- including body --%> 
      </div> </td> 



       </tr> 
    </table> 
    <div class="footstyle" >     
         <tiles:insertAttribute name="footer" />   <%-- including footer --%> 

    </div> 
    </div> 
    </body> 
    </html>

赤い色の背景が enter image description here