I have written a template using HTML & CSS which renders perfectly in Mozilla Firefox, Apple Safari, and Google Chrome. It renders as expected in Opera 10 given that there is no support for -webkit or -moz in that browser but Internet Explorer doesn't even seem to apply the classes at all. I suspect it may be because I use the child selector ( > ).

The live page can be viewed at http://www.wearetyro.co.uk/test/index.html.

Code:
Code:
<html>
	<head>
		<style type="text/css">
			@font-face
			{
				font-family: default;
				src: url('fonts/default.ttf');
			}
			@font-face
			{
				font-family: navigation;
				src: url('fonts/navigation.otf');
			}
			*
			{
				margin: 0px;
				padding: 0px;
				font-family: default;
			}
			body
			{
				background: #344478;
			}
			.container
			{
				position: absolute;
				width: 880px;
				top: 0px;
				left: 50%;
				margin-left: -440px;
			}
			.container > div.header
			{
				width: 880px;
				height: 90px;
				margin: 20px 0px 10px 0px;
			}
			.container > div.header > img.banner
			{
				margin: auto 0px;
				float: right;
			}
			.container > ul.navigation
			{
				float: right;
				padding: 0px 20px;
			}
			.container > ul.navigation > li
			{
				list-style-type: none;
				margin: 0px 5px;
				padding: 4px 10px;
				float: right;
				cursor: pointer;
				font-family: default;
				font-size: 0.8em;
				color: #333333;
			}
			.container > ul.navigation > li.selected
			{
				background: #333333;
				-moz-border-radius-topleft: 10px;
				-webkit-border-top-left-radius: 10px;
				-moz-border-radius-topright: 10px;
				-webkit-border-top-right-radius: 10px;
				color: #ffffff;
			}
			.container > ul.navigation > li:hover
			{
				background: #333333;
				-moz-border-radius-topleft: 10px;
				-webkit-border-top-left-radius: 10px;
				-moz-border-radius-topright: 10px;
				-webkit-border-top-right-radius: 10px;
				color: #ffffff;
			}
			.container > div:not(.header)
			{
				width: 860px;
				margin: 0px 0px 20px 0px;
				padding: 10px;
				background: #333333;
				-moz-border-radius: 20px;
				-webkit-border-radius: 20px;
				behavior:url(border-radius.htc);
				float: left;
			}
			.container > div:not(.header) > div.small
			{
				width: 280px;
				margin: 0px 5px;
				background: #ffffff;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				behavior:url(border-radius.htc);
				float: left;
			}
			.container > div:not(.header) > div.medium
			{
				width: 425px;
				margin: 0px 5px;
				background: #ffffff;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				behavior:url(border-radius.htc);
				float: left;
			}
			.container > div:not(.header) > div.large
			{
				width: 860px;
				margin: 0px 5px;
				background: #ffffff;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				behavior:url(border-radius.htc);
				float: left;
			}
			.container > div:last-child
			{
				margin-bottom: 0px !important;
				padding: 0px !important;
				background: none !important;
			}
			.container > div:last-child > p
			{
				text-align: center;
				color: #ffffff;
			}
			.container > div > div:first-child
			{
				margin-left: 0px !important;
			}
			.container > div > div:last-child
			{
				margin-right: 0px !important;
			}
			p
			{
				margin: 10px;
				font-face: tahoma;
				font-size: 0.8em;
				text-align: justify;
				color: #333333;
			}
		</style>
		<script type="text/javascript">
		</script>
	</head>
	<body>
		<div class="container">
			<div class="header">
				<img src="images/logo.png" alt="Logo">
			</div>
			<ul class="navigation">
				<li class="selected">Events</li>
				<li>Video</li>
				<li>Pictures</li>
				<li>Music</li>
				<li>The Band</li>
			</ul>
			<div>
				<div class="large">
					<p>Lorem ipsum mutat audire tincidunt qui ne, qui dicit simul mollis ea. Ut vim agam quaerendum, ad sed quis patrioque consequat, sed primis delenit prodesset ei. Brute velit mel at, ad legere democritum deseruisse mel. Congue essent audiam ne quo. Odio percipit sententiae ex eam, est unum principes vituperatoribus ad, vim ea amet postulant erroribus. Partem conceptam his et, libris convenire consequat eum cu, aeque virtute neglegentur in pri. Adhuc munere definiebas eam ex, fabulas appareat ea has.</p>
					<p>Lorem ipsum mutat audire tincidunt qui ne, qui dicit simul mollis ea. Ut vim agam quaerendum, ad sed quis patrioque consequat, sed primis delenit prodesset ei. Brute velit mel at, ad legere democritum deseruisse mel. Congue essent audiam ne quo. Odio percipit sententiae ex eam, est unum principes vituperatoribus ad, vim ea amet postulant erroribus. Partem conceptam his et, libris convenire consequat eum cu, aeque virtute neglegentur in pri. Adhuc munere definiebas eam ex, fabulas appareat ea has.</p>
					<p>Lorem ipsum mutat audire tincidunt qui ne, qui dicit simul mollis ea. Ut vim agam quaerendum, ad sed quis patrioque consequat, sed primis delenit prodesset ei. Brute velit mel at, ad legere democritum deseruisse mel. Congue essent audiam ne quo. Odio percipit sententiae ex eam, est unum principes vituperatoribus ad, vim ea amet postulant erroribus. Partem conceptam his et, libris convenire consequat eum cu, aeque virtute neglegentur in pri. Adhuc munere definiebas eam ex, fabulas appareat ea has.</p>
					<p>Lorem ipsum mutat audire tincidunt qui ne, qui dicit simul mollis ea. Ut vim agam quaerendum, ad sed quis patrioque consequat, sed primis delenit prodesset ei. Brute velit mel at, ad legere democritum deseruisse mel. Congue essent audiam ne quo. Odio percipit sententiae ex eam, est unum principes vituperatoribus ad, vim ea amet postulant erroribus. Partem conceptam his et, libris convenire consequat eum cu, aeque virtute neglegentur in pri. Adhuc munere definiebas eam ex, fabulas appareat ea has.</p>
				</div>
			</div>
			<div>
				<div class="medium">
					<p>Lorem ipsum mutat audire tincidunt qui ne, qui dicit simul mollis ea. Ut vim agam quaerendum, ad sed quis patrioque consequat, sed primis delenit prodesset ei. Brute velit mel at, ad legere democritum deseruisse mel. Congue essent audiam ne quo. Odio percipit sententiae ex eam, est unum principes vituperatoribus ad, vim ea amet postulant erroribus. Partem conceptam his et, libris convenire consequat eum cu, aeque virtute neglegentur in pri. Adhuc munere definiebas eam ex, fabulas appareat ea has.</p>
				</div>
				<div class="medium">
					<p>Lorem ipsum mutat audire tincidunt qui ne, qui dicit simul mollis ea. Ut vim agam quaerendum, ad sed quis patrioque consequat, sed primis delenit prodesset ei. Brute velit mel at, ad legere democritum deseruisse mel. Congue essent audiam ne quo. Odio percipit sententiae ex eam, est unum principes vituperatoribus ad, vim ea amet postulant erroribus. Partem conceptam his et, libris convenire consequat eum cu, aeque virtute neglegentur in pri. Adhuc munere definiebas eam ex, fabulas appareat ea has.</p>
				</div>
			</div>
			<div>
				<div class="small">
					<p>Lorem ipsum mutat audire tincidunt qui ne, qui dicit simul mollis ea. Ut vim agam quaerendum, ad sed quis patrioque consequat, sed primis delenit prodesset ei. Brute velit mel at, ad legere democritum deseruisse mel. Congue essent audiam ne quo. Odio percipit sententiae ex eam, est unum principes vituperatoribus ad, vim ea amet postulant erroribus. Partem conceptam his et, libris convenire consequat eum cu, aeque virtute neglegentur in pri. Adhuc munere definiebas eam ex, fabulas appareat ea has.</p>
				</div>
				<div class="small">
					<p>Lorem ipsum mutat audire tincidunt qui ne, qui dicit simul mollis ea. Ut vim agam quaerendum, ad sed quis patrioque consequat, sed primis delenit prodesset ei. Brute velit mel at, ad legere democritum deseruisse mel. Congue essent audiam ne quo. Odio percipit sententiae ex eam, est unum principes vituperatoribus ad, vim ea amet postulant erroribus. Partem conceptam his et, libris convenire consequat eum cu, aeque virtute neglegentur in pri. Adhuc munere definiebas eam ex, fabulas appareat ea has.</p>
				</div>
				<div class="small">
					<p>Lorem ipsum mutat audire tincidunt qui ne, qui dicit simul mollis ea. Ut vim agam quaerendum, ad sed quis patrioque consequat, sed primis delenit prodesset ei. Brute velit mel at, ad legere democritum deseruisse mel. Congue essent audiam ne quo. Odio percipit sententiae ex eam, est unum principes vituperatoribus ad, vim ea amet postulant erroribus. Partem conceptam his et, libris convenire consequat eum cu, aeque virtute neglegentur in pri. Adhuc munere definiebas eam ex, fabulas appareat ea has.</p>
				</div>
			</div>
			<div>
				<p>copyright &copy; 2010 wearetyro.co.uk. All Rights Reserved.</p>
			</div>
		</div>
	</body>
</html>