[CSS][HTML] Przesunięcie div'a przy podówjnym <br/> Opcje

[L0k0]

Witam!

Zdecydowałem się zapytać na forum, bo od dwóch dni walczę z dziwnym dla mnie problemem i nie mogę sobie poradzić.

W zasadzie nie wiem nawet jakie części kodu dołączyć

Sprawa wygląda tak:

[HTML] pobierz, plaintext 
<table>
	2011.04.28
 
	<tr>
		<td width="600"><img src="images/aktualnosci/20110428/kurczak_mini.png" style="vertical-align: middle; text-align: center;">
		<b>Coś tam</b>
 
		<p align="justify">
		Jakiś tekst <br /><br />
		</td>
	</tr>
</table>
<img src="images/line.png">
<br />
 
 
<table>
	2011.04.28
 
	<tr>
		<td width="600"><img src="images/aktualnosci/20110428/kurczak_mini.png" style="vertical-align: middle; text-align: center;">
		<b>Coś tam</b>
 
		<p align="justify">
		Jakiś tekst <br /><br />
		</td>
	</tr>
</table>
<img src="images/line.png">
<br />
[HTML] pobierz, plaintext 

Problem pojawia się, gdy w którejś z tabel daję podwójny znak <br /> , <br> lub <p>.

Wtedy to cały div, w którym osadzony jest plik z tym tekstem przesuwa się o kilkanaście pikseli w lewo względem nagłówka.



Co ciekawsze: jeśli w jednej tabeli zrobię parę <br> to wszystko jest dobrze, problem pojawia się, gdy w drugiej tabeli zrobię to samo.

Czy ktoś się z czymś takim spotkał?

Pozdrawiam!

[L0k0]

Dobra, już wiem, o co chodzi, ale nie znam rozwiązania.

div przestawia się, kiedy tekstu jest tak dużo, że strona musi się wydłużyć.

Prawdopodobnie coś trzeba ustawić w CSS'ach.

Tu jest sekcja div z index'u:

[HTML] pobierz, plaintext 
<div id="content_wrapper">
  <div id="content">
 
    <div>
            <?php page_chooser(); ?>
    </div>
 
  </div>
  <!-- end of content -->
  <div id="sidebar">
    <div class="sidebar_section">
      <h2>Menu</h2>
      <div class="sidebar_section_content">
        <ul class="categories_list">
          <li><a href="index.php?page=main">Aktualności</a></li>
	  <li><a href="index.php?page=twojsamorzad">Twój Samorząd</a></li>					
          <li><a href="index.php?page=zobrad">Z obrad RM oraz KRM</a></li>
          <li><a href="index.php?page=sokumenty">Dokumenty</a></li>
          <li><a href="index.php?page=linki">Linki</a></li>
          <li><a href="index.php?page=mediaonas">Media o nas</a></li>					
	  <li><a href="index.php?page=pytania">Pytania i odpowiedzi</a></li>					
	  <li><a href="index.php?page=kontakt">Kontakt</a></li>
        </ul>
      </div>
    </div>
    <div class="cleaner_h30"></div>
		<br />
    <div class="sidebar_section">
      <h2>Strefa </h2>
      <div class="sidebar_section_content">
 
        <div class="cleaner"></div>
      </div>
    </div>
  </div>
  <!-- end of sidebar -->
  <div class="cleaner"></div>
</div>
[HTML] pobierz, plaintext 

Sekcja, w której jest tekst to:

[HTML] pobierz, plaintext 
    <div>
            <?php page_chooser(); ?>
    </div>
[HTML] pobierz, plaintext 

A poniżej CSS odpowiedzialny za to:

[HTML] pobierz, plaintext 
#content_wrapper {
	width: 920px;
	margin: 0 auto;
	padding: 20px 40px;
	background: url(images/content.jpg) repeat-y;
 
}
 
#content {
	float: left;
	width: 600px;
}
 
[HTML] pobierz, plaintext 

Czy toś ma pojęcie jak to zrobić, żeby jak tekstu jest więcej niż 'strona' i schodzi niżej, to żeby mi się to nie rozjeżdżało?

Pozdrawiam