tags:

views:

49

answers:

3

There is an unordered list, and one of the list items contains two links. For some reason, Internet Explorer 8 is showing the part of the list item beginning with the first link as outside the list and apparently outside the containing div also. Here is what it looks like (those two lines should be on one line!):

Illustration of list Problem

The html:

<!-- These div make up the background image -->
<div class = "box">
<div class="boxBody">
    <ul>
        <li> </li>
        <li> <a href=""></a><a href=""></a></li>
    </ul>
</div>
</div>

The CSS:

li {
    list-style-type: square;
    margin-left:25px;
    font-size: 12px;
}

EDIT: On going step by step through the code, I found that for some reason having links inside the li is what is causing the problem. Anyone know why this would be?

A: 

Don't use IE. Simple mistake

Ryan Sullivan
-1 You're not helping, dmr cannot have control over which browser his customers are using.
greg0ire
Would be nice, wouldn't it...
dmr
I guess... if only someone could build a "virus" replacing IE with something else... or even Windows with a GNU/Linux distribution...
greg0ire
@greg0ire - I think Steve Jobs did, kinda :) Fully agree on -1 though
DVK
IE already is a virus.
Rob
+1  A: 

I don't think having links inside LI can cause any issues. By any chance are you using any reset CSS? (some CSS code to reset LI, UL etc..?)

Rockafella
A: 

And the answer is...that I forgot to close a previous link.

dmr