Como sobreescribir reglas?

[severicks]

Por ejemplo este banner hecho con css

Código HTML:

div#one{
	background:url(images/branding.png) no-repeat;
	margin: 0;
	margin-bottom: 15px;
	padding: 0;
	width: 100%;
	height: 165px;
	position: relative;
}
h2{
	z-index: 3;
	background: url(images/branding_h1.png) no-repeat;
	position: relative;
	left: -3%;
	top: -0.5%;
	width: 100%;
	height: 178px;
	margin: 0;
	margin-bottom:
	padding: 0;
}
div#one h2 a{
	display: block;
	width: 379px;
	height : 178px;
	text-indent: -9999px;
	overflow: hidden;
}
div#one blockquote{	z-index: 2;
	clear:both;
	position: relative;
	left: 42%;
	top: -78%;
	width: 199px;
	height: 103px;
	margin: 0;
	padding:0;
	background: url(images/branding_blockquote.png) no-repeat;
	text-indent: -999999px;
}
div#one p{
	z-index:1;
	display: block;
	clear:both;
	position:relative;
	right: -70%;
	top: -217%;
	width: 340px;
	height: 291px;
	margin: 0;
	paddind: 0;
	background: url(images/branding_p.png) no-repeat;	
}

div#one p a{
	display: block;
	width: 340px;
	height : 291px;
	text-indent: -9999px;
	overflow: hidden;
}

Código HTML:

<div id="one">
    	<h2>
        	<a href="images/branding_p.png"> Este es es titulo del branding
            </a>
        </h2>
    	<blockquote> dont worry about a thing, cuz every little thing is wona be alrigth</blockquote>
    	<p> <a href="exercise files/PC Exercise Files/Chapter_07/07_02/images/fir_1.png"> una demostracion de nosque</a></p>
    </div> 

En IE6 no muestra los tags <blockquote> ni<p>, ahora bien, no me digan q haga una sola imagen y la ponga como banner q eso ya lo se hacer, eso es solo un ejemplo. El problema es para otras partes en q juntar todo en una imagen no es una opcion insito el ejemplo es esta pagina http://www.csszengarden.com/?cssfile...057.css&page=0 q solo con css muestra diferentes versiones de la misma pagina segun las propiedades de css q el navegador pueda interpretar