Remove unwanted space before and after the table using javascript

I attached my xsl code below in that code using javascript i display the tables.At first we run the xml it display properly after that i give some no to search in text box if i give particular no it creates space before the table and after the table how to avoid this space

<?xml version="1.0"?>
<xsl:stylesheet version = '1.0' xmlns:xsl='http://www.w3.org/1999/XSL/Transform'>

<xsl:template match="table">
  <xsl:if test="@name='erp_outbound_master'">
    <html>
    <head>
      <style type="text/css">
      table {
    background-color:#F2F2F5;
    border-width:0px 0px 0px 0px;
    border-color:#C9CBD3;
    border-style:solid;
        vertical_align:top;
      }
      td {
    color:#000000;
    font-family:Tahoma,Arial,Helvetica,Geneva,sans-serif;
    font-size:9pt;
        font-color:#000080;
    background-color:#EAEFF5;
    padding:0px;
    background-color:#F2F2F5;
    border-color:#ffffff #ffffff #cccccc #ffffff;
    border-style:solid solid solid solid;
    border-width:0px 0px 0px 0px;
    vertical-align:top;
      }
      th {
    font-family:Tahoma,Arial,Helvetica,Geneva,sans-serif;
    font-size:9pt;
    padding:0px;
    text-align:left;
    background-color:#CFE0F1;
    border-color:#ffffff #ffffff #cccccc #ffffff;
    border-style:solid solid solid none;
    border-width:1px 0px 1px 0px;
    white-space:nowrap;
      }

</style>

tablelen=document.getElementsByTagName("TABLE").length;
      for(a=0;a<tablelen;a++)
      {
        tab[a]=document.getElementsByTagName("TABLE")[a];
       
          tab[a].style.display='none';
      
      }

for(a=0;a<tablelen;a++)
      {
         tab[a]=document.getElementsByTagName("TABLE")[a];
         rowlen=tab[a].getElementsByTagName("tr").length;

for(b=1;b<rowlen;b++)
         {
        row[0]=tab[a].getElementsByTagName("tr")[0];

row[b]=tab[a].getElementsByTagName("tr")[b];
        collen=row[0].getElementsByTagName("th").length;
       
        for(c=0;c<collen;c++)
        {
            col[c]=row[0].getElementsByTagName("th")[c];
            col1[c]=row[b].getElementsByTagName("td")[c];
            usetemp=col1[c].innerHTML.toLowerCase();
            usetemp1=document.getElementById('S').value.toLowerCase();
            col[c].style.width='180px';
                    col1[c].style.width='180px';
            if((col[c].innerHTML==document.getElementById('R').value)&&(usetemp.indexOf(usetemp1)!=-1))
            {
 tab[a].style.display='block';
             
            }

}
          }
       }
     
    }
 </script>
 </head>

<body>
      <H3>OUTBOUND INFORMATION</H3>
      <FORM NAME="myform">
    <SELECT NAME="mylist" id="R" onselect="search_value">
      <OPTION VALUE="MASTER ID">Master Id</OPTION>
      <OPTION VALUE="TABLE NAME">Table Name</OPTION>
      <OPTION VALUE="DESCRIPTION">Description</OPTION>
    </SELECT>
    <input type="text" size="30" maxlength="1000" value="" id="S" onkeyup="search_value();"/>
    <input type="button" value="search" onclick="search_value();"/>
      </FORM>
      <br></br>
      <xsl:call-template name="print1"/>
    </body>
    </html>
  </xsl:if>
</xsl:template>

<xsl:template name="print1">
    <br></br><b><xsl:text>TABLE DETAILS</xsl:text></b><br></br>  <br></br>
<xsl:for-each select="row">
    <TABLE name="mytab" border="0" cellpadding="10" cellspacing="10" width="0%" align="top"  valign="top">
    <TR>   
      <TH>MASTER ID</TH>
      <TH >TABLE NAME</TH>
      <TH >DESCRIPTION</TH>
      <TH >XML</TH>
      <TH >QUERY</TH>
    </TR>
   
    <TR>
      <TD ><xsl:value-of select="@OUT_MASTER_ID"/></TD>
      <TD ><xsl:value-of select="@OUT_FILENAME_PATTERN"/></TD>
          <TD><xsl:value-of select="@OUT_DESC"/></TD>
      <TD ><xsl:text><</xsl:text>
              <font color="RED"><xsl:value-of select="@BASE_TAG"/></font>
              <xsl:text>></xsl:text>
              <br></br>

<xsl:text>    <</xsl:text>
              <font color="RED"><xsl:value-of select="@OUT_FILENAME_PATTERN"/></font>
              <xsl:for-each select="erp_outbound_segment">
                <font color="navy"><xsl:value-of select="ASQL_QUERY"/><br></br>    </font>       
                <xsl:for-each select="erp_outbound_seg_field">
                  <xsl:text> </xsl:text>
                  <font color="blue"><xsl:value-of select="@OUT_COLUMN_NAME"/></font>
                  <xsl:text>="" </xsl:text>
                </xsl:for-each>
                <xsl:text>>  </xsl:text><br></br>
              </xsl:for-each>

<xsl:text></</xsl:text>
              <font color="RED"><xsl:value-of select="@OUT_FILENAME_PATTERN"/></font>
              <xsl:text>></xsl:text><br></br>
             
              <xsl:text></</xsl:text>
              <font color="RED"><xsl:value-of select="@BASE_TAG"/></font>
              <xsl:text>></xsl:text><br></br></TD>
             
      <xsl:for-each select="erp_outbound_segment">
      <TD ><font color="RED"><xsl:value-of select="SQL_QUERY"/></font> </TD>
      </xsl:for-each>
    </TR>

</TABLE><BR></BR><BR></BR>
    </xsl:for-each>
 </xsl:template>
</xsl:stylesheet>

Take out the break tags???

I am sorry thank you much.