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">“</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">”</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.