Weird first-letter Floating Bug in Firefox

I’ve ran into a weird bug in Firefox. It seems to mess up p.test:first-letter{float:left;} when there are 2 or more <div> with float:right;clear:right;. Firefox seems to put the floating first letter at the bottom of the first div which seems incorrect to my inexpert judgement. I guess it’s not too common a problem but it’s a little annoying especially since Internet Explorer seems to handle it correctly. An example of the problem should be below. This is with p.test:first-letter {color:blue; float:left; font-size:500%;} in the css file since you can’t use first-letter inline (as far as I know).

Continue Reading »