advert block help

[comander1987]

How do i provide a little bit spacing for the advert block just like http://www.revolutiontwo.com/demo/elements.html
i tried of alot of ways but still cant , have a look at http://www.healthblogtips.com

original elements script on elements script

#advertblock {
background:url(images/content.png) repeat;
width:278px;
margin:0px 0px 12px 0px;
padding:10px 0px 2px 12px;
float:left;
}

#advertblock h3 {
margin-bottom:10px;
}

#advertblock img {
margin:0px 9px 8px 0px;
border:1px solid #3B352C;
width: 125px;
height: 125px;
}

"div class=video" in lifestyle theme

.video {
	background: #FFFFFF url(images/sidebartop.gif) top no-repeat;
	float: left;
	width: 300px;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	border: 1px solid #DDDDDD;
	}

I basically copied the advertblock script from elements and modified a bit to suit just like lifestyle sidebar.

in the (style.css), i just add

#advertblock {
background: #FFFFFF url(images/sidebartop.gif) top no-repeat;
width:300px;
margin:0px 0px 10px 0px;
padding: 10px;
border: 1px solid #DDDDDD;
float:left;
}

#advertblock h3 {
margin-bottom:10px;
}

#advertblock img {
margin:0px 9px 8px 0px;
border:1px solid #3B352C;
width: 125px;
height: 125px;
}

and than in the (sidebar.php) i added

<div id="advertblock">                  
           
		<h3>Recommended Links</h3>
[img]<?php bloginfo('template_url'); ?>/advertisements/lifestyle.jpg[/img]
		[img]<?php bloginfo('template_url'); ?>/advertisements/tv.jpg[/img]
		[img]<?php bloginfo('template_url'); ?>/advertisements/church.jpg[/img]
		[img]<?php bloginfo('template_url'); ?>/advertisements/office.jpg[/img]
		
	</div>

i tried to do provide a margin : 10px so that the image would not be so near each other but it doesnt work. Did i do anything wrong ?