html - Disc to left of list item is displayed at bottom -

screenshot of happening:

it list item within underordered list, happening in ie7 , else.

<ul>   <li>filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text.</li> </ul>  .fancybox-entry.computer-policy li {     float:none;     width:100%;     list-style-type:disc;     margin-bottom:10px; }  .fancybox-entry.computer-policy ul + p {     margin-bottom:20px; }  .fancybox-entry.computer-policy ul {     margin:5px 0 10px 25px; } 

any why doing , fix appreciated.

it appears width css property triggers haslayout li element in ie7. first try removing width:100%; declaration make sure bullet appears in correct place. if can't without width property, can use position: relative; , vertical-align: top; move bullet place, outlined @ http://www.gunlaug.no/tos/moa_26.html.

note code on page uses hacks target ie6 , ie7. recommend using conditional comments instead, so:

<!--[if ie 7]>   <style type="text/css" media="screen">     /* ie7-specific css here */   </style> <![endif]-->