kasse m. stiplede linjer rundt om vha. html

Hej!

Kan man ikke lave en kasse med stiplede linjer rundt om på denne måde:

(Jeg bruger en grafik-stump, der til den vandrette streg er 4 px i bredden - én grå pixel henad samt 3 hvide - og til den lodrette er 1 px i bredden - den vender så den anden vej, så der er én grå pixel og så 3 hvide nedaf.
Forstår I, hvad jeg mener?)
Problemet er, at det er som om den lodrette streg ligger sig dobbelt, så den bliver 2 px. bred - mens den vandrette ser OK ud.

<TABLE border="0" width="240" bgcolor="red" cellpadding="0" cellspacing="0">
<TR>
    <TD colspan="3" background="stiplet_linje_vandret.gif" width="240"></TD>
</TR>
<TR>
    <TD background="stiplet_linje.gif" width="1"></TD>
    <TD>
        <TABLE width="240" cellpadding="0" cellspacing="2">
            <TR>
                <TD>sldkfjsldfjlskjf</TD>
            </TR>
            <TR>
                <TD>slkdfjsljfklsdjf</TD>
            </TR>
        </TABLE>
    </TD>
    <TD background="stiplet_linje.gif" width="1"></TD>   
</TR>
<TR>
    <TD colspan="3" background="stiplet_linje_vandret.gif" width="240"></TD>   
</TR>
</TABLE>