Witam. Możecie mi pomóc w rozwiązaniu tego problemu? Do przykładu poniżej. Tekst powinien zawijać się tak jak normalnie w każdym innym miejscu mi się zawija w niebieskim prostokącie. Co jest przyczyną?
http://ifotos.pl/zobacz/screepng_nqpppsr.png/

[HTML] pobierz, plaintext 
<div id="news">
		<h1>AKTUALNOŚCI</h1>
		<div class="news">
			<div class="date">22.11.2013</div>
			<div class="textNews">
				<div class="title">Klub ARKA Warszawa</div>
				<div class="text">Jakiś tekst opisujący całe wydarzenie jesli 
				będzie dłuszy niech się zawija tak jak widzisz.</div>
			</div>
		</div> 
		<div class="news">
			<div class="date">22.11.2013</div>
			<div class="textNews">
				<div class="title">Klub ARKA Warszawa</div>
				<div class="text">Jakiś tekst opisujący całe wydarzenie jesli będzie 
				dłuszy niech się zawija tak jak widzisz.</div>
			</div>
		</div>
		<div class="news">
			<div class="date">22.11.2013</div>
			<div class="textNews">
				<div class="title">Klub ARKA Warszawa</div>
				<div class="text">Jakiś tekst opisujący całe wydarzenie jesli będzie 
				dłuszy niech się zawija tak jak widzisz.</div>
			</div>
		</div>  
	</div>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
#news
{
	float: left;
	width: 834px;
	height: 432px;
	background: url(img/bgcontact.png);
	display: none;
	font-family: censcbk;   
}
#news h1
{
	color: #BEB66E;
	font-size: 15px;
	font-weight: none;
	margin: 52px 0 15px 0;
	text-align: center;
}
#news .news
{
	float: left;
	width: 490px;
	height: 60px;
	margin: 0px 0 30px 167px;
}
#news .news .date
{
	float: left;
	width: 95px;
	height: 60px;
	display: block;
	font-weight: bold;
	color: #E3E3E3;
	font-size: 16px;
	margin: 0 15px 0 0;
}
#news .news .textNews
{
	float: left;
	width: 380px;
	height: 60px;
	background: blue;
	margin: 0;
	padding: 0;
}
#news .news .textNews .title
{
	float: left;
	color: #E3E3E3;
	width: 380px;
	font-weight: bold;
	font-size: 17px;
 
}
#news .news .textNews .text
{
	float: left;
	color: #828282;
	width: 380px;
	text-align: justify;
}
[HTML] pobierz, plaintext 

http://jsbin.com/uVaJAboN/1

To co wkleiłeś wyglada OK.

Jakie rozmiary ma plik img/bgcontact.png?

Rozmiar obrazu tła raczej nie powinien powodować takiego problemu.
Jakiej przeglądarki używasz? Sprawdzałeś jak to wygląda na innych?

Mozilla. Nie sprawdzałem jeszcze. Ale to dziwne, bo podobny problem miałem wcześniej kiedy... wyświetlałem diva przez php pobierając go z includowanego pliku. Wyglądało to mniej więcej tak:

[PHP] pobierz, plaintext 
plik przykładowy Ramka.php
class Ramka
{
    public $ramka = '<div class="message">tutaj tekst długi</div>';
}
[PHP] pobierz, plaintext 

[PHP] pobierz, plaintext 
drugi plik php
include("Ramka.php");
$ramka = new Ramka();
echo $ramka->ramka;
[PHP] pobierz, plaintext 

jak tak wyświetlałem zawartość diva to był ten sam błąd. Tekst wychodził poza diva. Zniknął kiedy z pliku Ramka.php ładowałem sam tekst bez diva... czyli tak:

[PHP] pobierz, plaintext 
class Ramka
{
    public $ramka = 'tutaj tekst długi';
}
[PHP] pobierz, plaintext 

[PHP] pobierz, plaintext 
include("Ramka.php");
$ramka = new Ramka();
echo '<div class="message">'.$ramka->ramka.'</div>';
[PHP] pobierz, plaintext 

O co chodzi? Jak to rozwiązać aby pod każdą przeglądarką działało poprawnie? Albo czym to zastąpić?

PS: Pod explorer działa tak samo... Problemem też nie jest Webserv. Na serwerze działa tak samo.