A computer maker's home page: navigation labels back, buttons apart
A website rendering release: 5 changes found on a computer maker's and a programming language's home pages, each checked against the reference browser.
The navigation bar shows its labels




A computer maker's home page opened with an empty dark bar where its navigation should be. Two things were wrong. Each label is a small picture sized in em, and Floati sized those pictures against a fixed 16px instead of their own 44px font, drawing them at a third of their size. And the page lays a dark strip behind its header at a low layer; the navigation sits far above it, but inside a plain wrapper, and Floati only lifted that layer through positioned wrappers, so the strip covered every label. Found by removing the page's style sheets one at a time, then its rules one at a time: three rules did it.
Buttons no longer drawn on top of each other




The same page puts each pair of buttons in grid columns sized to their content. Floati left the buttons' padding out of that size, and let a small minimum width cut it down further, so each column was about half a button wide and the second button was drawn over the first.
Code samples on their own lines
A programming language's site styles its code samples with a fallback chain written for several browsers (pre-wrap, then -moz-pre-wrap, then -pre-wrap). The reference browser ignores the values it does not understand and keeps pre-wrap; Floati took the last one, did not recognise it, and squeezed every line of code onto one. Values written in other browsers' prefixes are now ignored the same way.