Texteinzug nach <BR>

[Mothe]

hiho, ich habe folgendes problem...:

ich habe ein CSS geschrieben, das folgendes beinhaltet:

.main_table .header
{
 border-right: black 1px solid;
 border-top: black 1px solid;
 border-left: black 1px solid;
 border-bottom: black 1px solid;
 font-weight: bold;
 background-color: #F9D293;
}

.main_table TD
{
 border-right: black 1px solid;
 border-top: black 1px solid;
 border-left: black 1px solid;
 border-bottom: black 1px solid;
 background-color: #fbe1b7;
}

--------------------------------

nun greif ich so drauf zu:

<table class="main_table">
  <tr>
    <td width="100%" class="header">Überschrift</td>
  </tr>
  <tr>
    <td width="100%">testzeile1<br>testzeile2<br>testzeile3</td>
  </tr>
</table>

--------------------------------

nun geschieht folgendes:
in der 1. Zeile ist der Text um 1 Zeichen eingezogen, und nach dem <br> macht er das nicht mehr, also ist der text nach der 1. Zeile um 1 Position nach links gerückt :(

wie kann man das verhindern?

ich habe schon versucht dem Element BR im CSS "text-indend" auf 0px setzen, klappt aber leider nicht...

ich hoffe mir kann jemand weiterhelfen :)

gruß,
Mothe