Maren Child wrote:
>Links in the second row of a navigation list do not behave like links in
>IE6, but they are fine in Firefox:
>
>ul.menu { list-style-type: none; padding-bottom: 20px; margin-left: 0;
>}
>ul.menu li { display: inline; padding-bottom: 20px; text-align: left;
>}
>ul.menu a { text-decoration: underline; color: #006884;
>}
>Here's the html:
><ul class="menu">
><li><a href="#prof_org">Membership of professional organisations</a> | </li>
><li><a href="#comm">Communicating with the public on science issues</a>
>| </li>
><li><a href="#EBM">Evidence-based environmental management</a> | </li>
><li><a href="#AR">Antibiotic resistance risk analysis</a></li>
></ul>
>
>An example is at http://www.biotext.com.au/services/consult.shtml
>
>Does anyone know why?
>
>Thanks
>Maren
>
Hi Maren,
Maybe the li {padding-bottom: 20px;} from the first row is hiding them
for IE. [1]
It could be that adding { position:relative }to the li's can help, or
just deleting the padding (or replacing by a larger line-height) -
(didn't test).
Greetings,
francky
[1]
If this is the case, you should see it's manifestation if you give a
bg-color to a li of the first row.
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
