ie6 and 7 targetting css only working in ie7 not 6

HTML & CSS
1

hello,

i’ve got this css


.box
{
	font-size: 75%;
	margin-bottom: 1.5em;
}

.box blockquote
{
	font-size: 120%;
	padding-right: .3em;
}

.box blockquote, .box blockquote p, .box div { display: inline; }
.box div { font: .9em/1.1 Verdana,sans-serif normal; }

.q1,.q2
{
	font-family: serif;
	font-size: 250%;
	line-height: 0;
	position: relative;
	top: 0.3em;
}

.q1 { margin-left: -6px; }

and this html:


<div class="box">
	<blockquote>
		<p>
			<span class="q1">&ldquo;</span>Blah blah blah blah blah
			blah blah blah blah blah blah blah blah blah blah
			blah blah blah blah blah blah blah blah blah blah.
			<span class="q2">&rdquo;</span>
		</p>
	</blockquote>
	<div>
		John Smith, <a href="#">web address</a>. Bit more blah blah.
	</div>
</div>

it makes bigger quote marks round a bit of text and has an attribution following on from it on the same line – inline. the large quote marks go wrong in ie 6 and 7. rather than try and make it work i just want to cancel that part out in ie 6 and 7 (using/in css, not conditional comments). so i used this css following on after the above css:


*:first-child+html .box .q1, *:first-child+html .box .q2, * html .box .q1, * html .box .q2
{
	position: static;
	font-size: 100%;
	line-height: 1.3;
}

that works in ie7, that is, it cancels out the large quotes aspect successfully, but not in ie6. why isn’t that last bit of css above cancelling out the large quote marks in ie6?, and how to cancel out the large quote marks in ie6?

thanks.

2

Just do *html for ie6 and *+html for ie7. They also need to be separate rules. Not one comma sepeated rule. Don’t ask me why.

3

> Just do *html for ie6 and *+html for ie7.

i’ll give that a go. thanks.

> They also need to be separate rules. Not one comma sepeated rule.

right, yup, come to think of it that’s how the css i used was presented on the webpage i got it from, and i just assumed i could comma seperate them.

excellent, thanks.

4