From: theboyfromthefens on
Hello everyone - I'm pretty sure this will be nice & easy for someone to
answer, I just haven't been able to get my head round it yet, in spite of a few
hours trying / experimenting / getting angry last night.

I'm getting a 3-pixel text jog warning, where I have a floated image within a
Spy Tabbed Panel. Can someone tell me what should go into my IE stylesheet to
get around this on IE6 & IE7 (less than 0.5% of my users are <IE6)?

Thanks, Matt.

Here's a simplified version of the code:
<div id="content_wrapper">
<div id="content_wrapper_headline">
<h2>The headline text is here</h2>
</div>
<div id="TabbedPanels1" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab">The First Tab</li>
<li class="TabbedPanelsTab">The Second Tab</li>
[/BULLET]
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent">
<div class="floatright">
<div><img src="images/theimage.jpg" alt="thealt"
class="contentimage" /></div>
</div>
<p>the text is here</p>
</div>
<div class="TabbedPanelsContent">
<div class="floatright">
<div><img src="images/thesecondimage.jpg" alt="thesecondalt"
class="contentimage" /></div>
</div>
<p>the second text is here</p>
</div>
</div>
</div>
</div>

 | 
Pages: 1
Prev: Forms
Next: Div Layers move in firefox and safari