Previous Message
Next Message

Text Decoration Problem

Sent by Scott Taylor on 25 July 2005 22:10


My problem comes in this part of the HTML, with the nested unordered lists:

    <div id="main_right_NEWINDEX">
        <div id="right_nav">
            <ul>
                <li><a 
href="http://miningstocks.com/information">GENERAL INFO</a>
                    <ul>
                        <li><a 
href="http://miningstocks.com/bio">Biography</a></li>
                        <li><a 
href="http://miningstocks.com/track">Track Record</a></li> 
                        <li><a 
href="http://miningstocks.com/weekly">Jay's Weekly Report</a></li>  
                        <li><a 
href="http://miningstocks.com/max">Profits and Risks</a></li>
                        <li><a 
href="http://miningstocks.com/radio">Radio Shows</a></li>
                        <li><a 
href="http://miningstocks.com/whygold">Why Gold?</a></li>
                        <li><a 
href="http://miningstocks.com/reports">Reports &amp; Interviews</a></li>
                        <li><a 
href="http://miningstocks.com/favoritelinks">Favorite Links</a></li>
                        <li><a 
href="http://miningstocks.com/modelport">Model Portfolio</a></li>
                        <li><a 
href="http://miningstocks.com/bullion">Bullion, Coins, and Stocks</a></li>
                    </ul>
                </li>
                <li><a href="/subscribers/">SUBSCRIBERS</a>
                    <ul>
                        <li><a 
href="https://www.miningstocks.com/subscribers/">Login</a></li>
                    </ul>
                </li>
                <li><a href="/select">SIGN UP:</a>
                    <ul>
                        <li><a href="/select">Subscription</a></li>
                        <li><a href="/select/rr">Research Report</a></li>
                    </ul>
                </li>
                <li>ETC:
                    <ul>
                        <li><a 
href="http://miningstocks.com/contact">Contact us</a></li>
                        <li><a 
href="http://miningstocks.com/privacy">Privacy Policy</a></li>
                    </ul>
                </li>
            </ul>
           
        </div>
    </div>

-----------------------------------------------------------------------------

#right_nav ul li {
    text-decoration: underline;
}

#right_nav ul li ul li {
    text-decoration: none;
}

In Firefox, all li elements, including the second ordered list, become 
underlined.  In IE 6., only the first ordered list elements become 
underlined (as I would like them to be).

How can I fix this?  What am I doing wrong?


Here is the HTML: http://www.miningstocks.com/testing_server/newindex2.php

Here is the CSS: http://miningstocks.com/include/css/testing.css

Thanks in advance,

Scott Taylor



______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread:

Possibly related: