Две картинки рядом с помощью CSS - Вопросы по CSS

#container
	{
		width: 900px; 
		margin: 0 auto;
	}

#pictureone, #picturetwo
	{
		width: 200px;
		height: 200px;
		background-repeat: no-repeat;
	}
	
#pictureone
	{
		background-image: url('pictureone.png');
	}
	
#picturetwo
	{
		background-image: url('picturetwo.png');
		margin-left: 300px;
		margin-top: -240px;
	}

<div id="container">

<div id="blockone"></div>
<div id="blocktwo"></div>

</div>	

<div id="la_la">
 <img ...>
 <img ...>
</div>
<div class="clear"></div>

.clear { clear:both; }
#la_la img { float:left; margin:0px 100px 0px 0px; }

#blockone {
	float: left;
	margin-right: 100px;
}