targeted anchor not shown in FF

**bosstjan** · 04-23-2007, 03:44 PM

Hi,

I encountered strange problem - maybe someone already solved it (well, actually I did, but it's still strange to me, why this happened)...

I have a page which uses anchors. Just short example:

Code:

<ol>
    <li><a href="#faq_1" title="faq1">FAQ 1</a></li>
    <li><a href="#faq_2" title="faq2">FAQ 2</a></li>
    <li><a href="#faq_3" title="faq3">FAQ 3</a></li>
</ol>
<br />
<br />
<br />

<a id="faq_1" name="faq_1"></a><b>1. FAQ 1</b><br />
FAQ 1 TEXT
<a href="#top" class="bold">to top...</a><br />
<br />
<br />
<a id="faq_2" name="faq_2"></a><b>2. FAQ 2</b><br />
FAQ 1 TEXT
<a href="#top" class="bold">to top...</a><br />
<br />
<br />
<a id="faq_3" name="faq_3"></a><b>3. FAQ 3</b><br />
FAQ 1 TEXT
<a href="#top" class="bold">to top...</a><br />
<br />
<br />

This code is inside a div, which is determined in css file. part of CSS:

Code:

#mainLeftCol {
    display: inline;
    float: left;
    width: 704px;
    padding: 20px 38px 40px 8px;
}

The problem is as follows:
When I click on link in FF, display jumps to about half or 3/4 of line below targeted anchor - so I see just very small part of line (just a little of bottom pixels). It works fine in IE - it jumps to correct location and displays the whole line.

If I remove line "float: left;" out of css div class, it also works fine in FF. But in that case, I don't like my new layout

. It works also, if I put all my upper code in new <div></div> and put all that into div with id #mainLeftCol

Does anybody has a clue, why is that so?

I'll be thankful for every opinion.
Bostjan