Unordered List in IE not showing bullets

Discussion in 'CSS' started by web_dude, May 14, 2008.

  1. #1
    The bullets for my unordered list are showing in Firefox but not in IE. I did some searching on the internet and couldn't find anything that solved my problem. Can anyone help?

    PS, I know my style should not be inside of my html page, just there for debugging.

    Code is below. Thanks.



    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Frequently Asked Questions</title>
    <style type="text/css">
    #faqCol{
    float: left;
    width: 480px;
    }
    #faqLinks{
    float: left;
    width: 475px;
    }
    #faqLinks ul{
    float: left;
    padding-left: 20px;
    padding-bottom: 8px;
    list-style-type: disc;
    }
    #faqLinks li{
    clear: both;
    float: left;
    width: 100%;
    padding-top: 4px;
    padding-bottom: 4px;
    }
    #faqLinks label{
    float: left;
    width: 95%;
    line-height: 22px;
    font-weight: bold;
    background: #EAE9E5;
    border-top: 1px solid #c21515;
    padding-left: 7px;
    color: #c21515;
    }
    </style>
    </head>
    <body>

    <div id="faqCol">

    <div id="faqLinks">
    <label>MY ACCOUNT</label>
    <ul>
    <li><a href="Faqs.jsp?#adding_addr"> How do I add addresses to my address book?</a></li>
    <li><a href="Faqs.jsp?#see_addr"> I added an address to my address book, why can't I see it?</a></li>
    <li><a href="Faqs.jsp?#view_option"> What is the view option in the address book for?</a></li>
    <li><a href="Faqs.jsp?#pers_info"> Why can't I delete my personal account information?</a></li>
    <li><a href="Faqs.jsp?#wish_list">What is "My Lists?"</a></li>
    <li><a href="Faqs.jsp?#use_wl">How do I use my "My Lists?"</a></li>
    <li><a href="Faqs.jsp?#change_wl">Who can change one of "My Lists?"</a></li>
    <li><a href="Faqs.jsp?#clear_wl">How do I clear one of "My Lists?"</a></li>
    <li><a href="Faqs.jsp?#share_wl">How do I share "My List" with someone else?</a></li>
    <li><a href="Faqs.jsp?#receive_wl">What should I do when I receive a List from someone else?</a></li>
    </ul>
    </div>

    <div id="faqLinks">
    <label>ORDERING</label>
    <ul>
    <li><a href="/pages/crp_orderform.pdf">Do you have a printable order form?</a></li>
    <li><a href="Faqs.jsp?#use_po">Can I use a PO to order items?</a></li>
    <li><a href="Faqs.jsp?#tax_exempt">What if I am tax exempt?</a></li>
    <li><a href="Faqs.jsp?#order_status">Can I check the status of an order I've placed?</a></li>
    </ul>
    </div>

    <div id="faqLinks">
    <label>RETURNS</label>
    <ul>
    <li><a href="Faqs.jsp?#return_item">How do I return an item?</a></li>
    <li><a href="Faqs.jsp?#missing_damaged">What if something in my shipment is missing?</a></li>
    <li><a href="Faqs.jsp?#missing_damaged">What if something in my shipment is damaged?</a></li>
    </ul>
    </div>

    </div>

    <div id="faqCol">

    <div id="faqLinks">
    <label>USING THE WEBSITE</label>
    <ul>
    <li><a href="Faqs.jsp?#order_online">Is it safe to order with you online?</a></li>
    <li><a href="Faqs.jsp?#find_items">How do I find the items I want in your online store?</a></li>
    <li><a href="Faqs.jsp?#cant_find">What if I can't find a product online?</a></li>
    <li><a href="Faqs.jsp?#web_prices">Are the prices on the web site correct?</a></li>
    <li><a href="Faqs.jsp?#sale_prices">When will I see sale prices applied?</a></li>
    <li><a href="Faqs.jsp?#search">How do I use the Search feature?</a></li>
    <li><a href="Faqs.jsp?#narrow_results">How do I narrow my search results?</a></li>
    <li><a href="Faqs.jsp?#quick_shop">What is Quick Shop?</a></li>
    <li><a href="Faqs.jsp?#quick_shop_order">Can I order any item through Quick Shop?</a></li>
    <li><a href="Faqs.jsp?#save_cart">How can I save the items in my Shopping Cart for later retrieval?</a></li>
    <li><a href="Faqs.jsp?#retrieve_saved_cart">How do I retrieve a saved Shopping Cart?</a></li>
    <li><a href="Faqs.jsp?#reorder">How do I reorder the items from an order that I previously placed via the web?</a></li>
    </ul>
    </div>

    <div id="faqLinks">
    <label>DELIVERY INFORMATION</label>
    <ul>
    <li><a href="Faqs.jsp?#items_delivered">How are my items delivered?</a></li>
    <li><a href="Faqs.jsp?#sh_charges">Can I find out my shipping and handling charges before I order?</a></li>
    <li><a href="Faqs.jsp?#5_bucks">What does <img SRC="/pages/CorpImages/lse_5ship_icon.gif" width="19" height="19" border="0" align="absmiddle" alt="$5 Icon"> mean?</a></li>
    <li><a href="Faqs.jsp?#product_symbols">What do the symbols shown with some products indicate?</a></li>
    <li><a href="Faqs.jsp?#shipping_order">When can I expect my order to ship?</a></li>
    </ul>
    </div>

    </div>


    </body>
    </html>
     
    web_dude, May 14, 2008 IP
  2. wd_2k6

    wd_2k6 Peon

    Messages:
    1,740
    Likes Received:
    54
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Try removing the float:left from the li's. There is no reason for this anyways if they are set to width 100%?
     
    wd_2k6, May 14, 2008 IP
  3. web_dude

    web_dude Guest

    Messages:
    40
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    That did it. Thanks a bunch!
     
    web_dude, May 14, 2008 IP