Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

Strange behavior of a dotted list under some text in Chrome

Strange behavior of a dotted list under some text in Chrome

Problem

I have a Strange Behavior with a dotted list under a text. The problem appear only with Chrome browser (I have tested it also with Firefox and IE and this problem not present)

If you open this example link using Chrome you simply understand what is the problem: http://onofri.org/example/example3/test2.html

Under the Main Report box there are 3 boxes. The problem appears into the third box named Work Supported by Japanese Trust Found

Ad you can see under the informative text there is a list of links.

The problem is that if I open it with Chrome browser the dot of the first li element appear on the right of the link and not on the left !!!

Why? What is the problem? How can I solve it?

Tnx

Andrea

Problem courtesy of: AndreaNobili

Solution

It's because

is set to float:left. Set it to float:none.

Solution courtesy of: RobertAKARobin

Discussion

View additional discussion.



This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

Strange behavior of a dotted list under some text in Chrome

×

Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription

×