CSS Styles, что исправить чтобы текст отделялся от картинки?

Есть CSS стиль главной страницы:

#homepage {

	float: left;

	width: 610px;

	margin: 0px;

	padding: 0px;

	}

	

#homepage p {

	margin: 0px;

	padding: 0px;

	}



#homepage p img {

	border: none;

    float: left;

	margin: 0px;

	}

	

#homepage ul {

	list-style-type: square;

	margin: 0px;

	padding: 0px 0px 15px 0px;

	}

	

#homepage ul li {

	list-style-type: square;

	margin: 0px;

	padding: 0px;

	}



.hpdate {

	font-size: 11px;

	margin: 0px;

	padding: 0px;

	}

	

#homepagetop {

	background: #FFFFFF url(images/homepagetop.gif) top no-repeat;

	float: left;

	width: 610px;

	margin: 0px 0px 10px 0px;

	padding: 0px;

	border: 1px solid #DDDDDD;

	}

	

#homepagetop p {

	font-size: 12px;

	margin: 0px;

	padding: 0px 0px 0px 10px;

	}

	

.featuredtop {

	float: left;

	margin: 0px;

	padding: 10px;

	display: inline;

	}

	

.featuredtop img {

	border: none;

	margin: 0px;

	}

	

#homepagebottom {

	background: #FFFFFF url(images/homepagetop.gif) top no-repeat;

	float: left;

	width: 610px;

	margin: 10px 0px 10px 0px;

	padding: 0px;

	border: 1px solid #DDDDDD;

	}

	

#homepagebottom p {

	font-size: 12px;

	margin: 0px;

	padding: 0px;

	}

	

.hpbottom {

	float: left;

	width: 590px;

	margin: 0px;

	padding: 10px;

	display: inline;

	}

	

.hpbottom img {

	border: none;

	margin: 10px;

	}

	

#homepageleft {

	float: left;

	width: 300px;

	margin: 0px;

	padding: 0px;

	}



.hpfeatured {

	background: #FFFFFF url(images/featuredtop.gif) top no-repeat;

	float: left;

	width: 280px;

	margin: 0px;

	padding: 10px 10px 10px 10px;

	border: 1px solid #DDDDDD;

	}

	

.hpfeatured img {

	border: none;

	margin: 0px;

	}

	

#homepageright {

	float: right;

	width: 300px;

	margin: 0px;

	padding: 0px;

	}

Что сделать, чтобы текст отделялся от картинки? Сейчас они прилеплены друг к другу. Что только не менял, никаких результатов.