Texten flödar utanför ramen

[Jompan]

Jag har en box med ett textinnehåll, som i 100% skärmstorlek funkar bra.

Men om jag zommar skärmen till mindre storlek, så flödar texten över ramens underkant.

 

Så här ser min css ut:

body {
	margin: 25px auto ;
    	width: 1040px; 
    	min-height: 750px;
	padding: 25px;    
	background: #fff;    
	border: 3px solid #000;  
	font-family: Verdana, Arial, serif;     
}

#articles {
	float: left;
	overflow: auto;
}


article {
	width: 450px;
	float: left;
	padding: 20px;
	background: yellow;
}

Jag förstår att det hela har med float, position och clear att göra, men jag hittar inte lösningen.

Kan någon hjälpa mig?

 

// Jompan

 

 

[Jonas__B]

Har du en skiss på hur det ska se ut i olika skärmbredder?

Behöver du float på #articles?