Top of forum page renders wrong for users without Trebuchet

The issue is with the font; Trebuchet is narrower than a lot of other sans-serif fonts, including all of the ones listed as fallbacks in the CSS (who exactly did you think would have Calibri but not Trebuchet?) and the one Linux uses as the sans-serif default. I'm not sure what you could do to ensure that the text always fits, given that much variation. I did notice that Droid Sans has roughly the same proportions; maybe you could set it up to use that as the standard fallback, embedded using @font-face.

Wait, what effect does this have? The issue wasn't a CSS bug; it was the fallback font being too wide...

Click to expand...

CSS controls all visual aspects of the site... the original code was hard coded to give a certain look for a specific font and browser window, in a bit of a silly method. When the main font doesn't display, the fallback being a different width caused errors because the padding pushed it too far. It looks good for me as it is right now (I'm on linux atm).

EDIT:

There is another problem with your original image as well, the login panel and the ad should be side by side, but because of quick-link being shunted onto the following line, it pushed the login panel to the center of the following line and pushed the ad beneath that, which looks kind of silly.