Internet Explorer adds extra bullet on <ul>

HTML & CSS
1

If you look at this page http://fishdogfish.com in IE, you’ll see that there is an extra bullet on the <ul> in the sidebar under Links.

There is only one <li> so there should only be one bullet, but IE adds and extra one, it’s as if it’s putting a bullet on the <ul> tag as well as the <li> tag.

It’s fine in FireFox, but IE adds the extra bullet.

I’ve tried everything I can think of; How do I get rid of the extra bullet?

2

Hi,
It’s an error in your html, you have nested that <li> within another <li>

Remove the red <li>

    <div class="widget widget_links">
            <h3>Links</h3>
<ul>
    [COLOR=Red]<li>[/COLOR][COLOR=Blue]<li>[/COLOR]<a href="http://www.catfish1.com/forums/index.php?referrerid=40791" rel="contact" title="Catfish 1">United States Catfishing Association</a>[COLOR=Blue]</li>[/COLOR]
[COLOR=Red]</li>[/COLOR]
</ul>
3

Finally, I get to crawl under the hood of WP.

Thanks for your help Rayzur.

4

I did this layout in WordPress, so it must be WP placing the extra <li> tag in there.

Yep, that would most likely be your problem.
WP is notorious for injecting bogus code. You should be able to edit your preferences in the WP editor. I don’t use it so I can’t tell you anything about it. I’m sure someone in the WP forums has seen this before.

I see people with <br> tags added after their images when using WP. It automatically injects the <br> tag when they start a new line in the html after an image. I know they have been able to adjust the WP settings so it does not do it.

Sorry, that’s all I know about it.

5

Lol, I’m a step ahead of you, as above.

The question is; How do I stop WP from putting it in there?

Or; How do I stop IE from rendering it?

6

That’s your php, view the page source of the rendered code and you will see the extra <li>
Why the extra <li> is being added, I don’t know.

7

There’s only one <li>

Here’s the code…


<!-- sidebar west START -->
    <div id="westsidebar" class="sidebar">
    <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('west_sidebar') ) : ?>

        <!-- blogroll -->
    
    <div class="widget widget_links">
            <h3>Links</h3>
<ul>
    <li><?php wp_list_bookmarks('title_li=&categorize=0'); ?></li>
</ul>
        </div>

    <?php endif; ?>
    </div>
    <!-- sidebar west END -->

This is weird, when I view the source code for the page it show this…



    <!-- sidebar east END -->

    <!-- sidebar west START -->
    <div id="westsidebar" class="sidebar">
    
        <!-- blogroll -->
    
    <div class="widget widget_links">
            <h3>Links</h3>
<ul>
    <li><li><a href="[http://www.catfish1.com/forums/index.php?referrerid=40791](http://www.sitepoint.com/forums/view-source:http://www.catfish1.com/forums/index.php?referrerid=40791)" rel="contact" title="Catfish 1">United States Catfishing Association</a></li>
</li>
</ul>
        </div>

        </div>
    <!-- sidebar west END -->

I did this layout in WordPress, so it must be WP placing the extra <li> tag in there.