farve en tabel rund om indholdet

jeg har noget tekst der står i en tabel, med et billede i toppen og et billede i bunden. Nu vil jeg så gerne have en streg i højre og venstre side af tabellen så der bliver en lille kasse rundt om tabellen (toppen og bunden er et billede). jeg har prøvet følgende:

<html>
<head>
    <title>test</title>
    <style type="text/css">
        td{
            border-left:1px solid;
            border-right:1px solid;
            border-color: #0066cc;
        }
        .brod_Alm {
            FONT-SIZE: x-small;
            FONT-FAMILY: Verdana;
            COLOR: BLACK;
        }
    </style>
</head>
<body topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
    <table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%" class="p">
        <tr valign="center">
            <td align="center">
                <table>
                    <tr>
                        <td><img src="banner.jpg" width="700" height="50" border="0">
                    </tr>
                    <tr>
                        <td>test<br><br><br></td>
                    </tr>
                    <tr>
                        <td height="70"><img src="banner_bund.jpg" width="700" height="30" border="0">
                    </tr>
                </table>
            </td>
        </tr>
    </table>
</body>
</html>

problemet er bare at stregen i højre og venstre side ikke er helt sammenhængende (der er små afstande i dem). der udover slutter billederne heller ikke helt til tabellen.