Error - document type does not allow element "li" here

Hello,

I am getting this error

Line 110, Column 4: document type does not allow element "li" here

<li> <img src="tick.jpg" alt="" width="13" height="12"/>Call 5.

Line 111, Column 4: document type does not allow element "li" here

<li> <img src="tick.jpg" alt="" width="13" height="12"/>Call 6

And various in the same line.


The Source code is as below


<div id="Layer184">


<ul class = "none">
<div id="Layer186">
<span class="style39"><strong>
<span class="style133">

<li> <img src="tick.jpg" alt="" width="13" height="12"/>Call1 </li>
<li> <img src="tick.jpg" alt="" width="13" height="12"/>Call2 </li>
<li> <img src="tick.jpg" alt="" width="13" height="12"/>Call3 </li>
<li> <img src="tick.jpg" alt="" width="13" height="12"/>Call4 </li>
<li> <img src="tick.jpg" alt="" width="13" height="12"/>Call5 </li>
<li> <img src="tick.jpg" alt="" width="13" height="12"/>Call6 </li>
<li> <img src="tick.jpg" alt="" width="13" height="12"/>Call7 </li>

</span></strong></span>

</div>
</ul>


<div class="style138" id="Layer187"><u>Call trades</u></div>
<div id="Layer188"><a href="call-trades.html" class="style129 style35 style139"><strong>Call Account </strong></a></div>

</div>

<span class="style133">

<li> <img src="tick.jpg" alt="" width="13" height="12"/>Call1 </li>
<li> <img src="tick.jpg" alt="" width="13" height="12"/>Call2 </li>
<li> <img src="tick.jpg" alt="" width="13" height="12"/>Call3 </li>
<li> <img src="tick.jpg" alt="" width="13" height="12"/>Call4 </li>
<li> <img src="tick.jpg" alt="" width="13" height="12"/>Call5 </li>
<li> <img src="tick.jpg" alt="" width="13" height="12"/>Call6 </li>
<li> <img src="tick.jpg" alt="" width="13" height="12"/>Call7 </li>

</span> You made two mistakes. Nesting of a block level element like div,p,ul,li etc inside an inline element like span,a,strong etc is invalid. More over, you can't nest the list-item tag <li> inside an element other than <ol> or <ul> . See http://htmldog.com/reference/htmltags/li/