Problem - tekst wychodzi poza obszar

Dla specjalistów Webmastering
#1

Witam mam problem. Umieściłem sobie na stronce skrypt chmury tagów, no i wszystko ładnie, pięknie poza jednym. Poza tym, że w Firefoxie ten tekst wychodzi mi poza diva tak jak tu: schowek01t.th.jpg

Co mam dodać w stylach żeby się tego pozbyć w firefoxie?

#2

overflow:hidden np

#3

A width dać nie można?

#4

Daje width, ale i tak się to wywala. W IE8 jest wszystko w porządku.

Tu macie style odpowiedzialne za te tagi:

/* Tag cloud */


	#tags ul{

		margin:0;

		padding:.5em 5px;

		text-align:center;

		background:#71b5e9 url(tags/bg_tags.gif) repeat-x;		

		}

	#tags li{

		margin:0;

		padding:0;

		list-style:none;

		display:inline;

		}

	#tags li a{

		text-decoration:none;

		color:#fff;

		padding:0 2px;	

		}

	#tags li a:hover{	

		color:#cff400;

		}		


	.tag1{font-size:100%;}

	.tag2{font-size:120%;}

	.tag3{font-size:140%;}

	.tag4{font-size:160%;}

	.tag5{font-size:180%;}


	/* alternative layout */


	#tags .alt{

		text-align:left;

		padding:0;

		background:none;

		}

	#tags .alt li{

		padding:2px 10px;

		background:#efefef;

		display:block;

		}

	#tags .alt .tag1, 

	#tags .alt .tag2, 

	#tags .alt .tag3, 

	#tags .alt .tag4, 

	#tags .alt .tag5{font-size:100%;}

	#tags .alt .tag1{background:#7cc0f4;}

	#tags .alt .tag2{background:#67abe0;}

	#tags .alt .tag3{background:#4d92c7;}

	#tags .alt .tag4{background:#3277ad;}

	#tags .alt .tag5{background:#266ca2;}


	.btn{display:block;}


/* // Tag cloud */