Divs nebeneinander + zentrieren

moin,

vorerst: natürlich habe ich gegoogelt und auch etliche lösungsvorschläge bekommen. ich kann damit aber wirklich nichts anfangen, bin anfänger und deshalb ist das alles für mich noch sehr kompliziert.

-- zu meinem problem --

ich habe 2 divs, welche einerseits nebeneinander und andererseits zentriert werden sollen. beim folgenden code sind die divs zwar nebeneinander, aber die breitenangaben stimmen nicht und ich schaffe es auch nicht, das ganze zu zentrieren.

CSS:

#panel_af {
	background-color: #4A6F97;
	width: 421px;
	padding: 5px;
	float: left;
	margin: 0 auto;
}




#news_af {
	background-color: #DFDFDF;
	background-image: url(images/bg_news.jpg);
	width: 540px;
	padding: 5px;
}




.clear {
	clear:left;
}

HTML:

<div id="panel_af">Inhalt!</div>
<div id="news_af">Inhalt!</div>
<div class="clear"></div>

vielen danke im voraus für eure bemühungen!

viele grüße,
marco.

danke, du bist der beste! hat perfekt funktioniert.