Tee,
Just a quick test I came up with this:
li {
padding-bottom: 5px;
clear: both;
list-style-type: disc;
padding-left: 75px;
margin-bottom: 50px;
position: relative;
}
li img {
position: absolute;
top: 0; left: 0;
border:1px solid red;
}
Instead of floating your image, position it in the LI. With list-style
outside or no list-style this worked in Chrome, Opera, Firefox and IE
8. I just quickly hacked the rest of the numbers to get it to work.
Tim W.
(By the way, you have class="outside" on your last list item in the
HTML and I don't think you meant to)
On Thu, Oct 14, 2010 at 7:43 PM, tee <weblis...@gmail.com> wrote:
> In this page:
> http://lotusseedsdesign.com/css-test/list-style.html
>
> Only Firefox got it right. Have not checked in IE yet.
>
> li {padding-bottom: 5px;clear: both;list-style-type: disc;margin-left: 25px;}
> li img {float: left;margin-right:10px;margin-bottom: 10px;border:0}
>
> li.inside{list-style-position: inside}
> li.outside{list-style-position: outside}
>
>
> Is there a workaround?
>
> tee
>
>
> *******************************************************************
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: memberh...@webstandardsgroup.org
> *******************************************************************
>
>
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
*******************************************************************
