Changing a web browsers default font size from 16px adversely affects the layout of the 3 divs that I have floated within my header div. Considering that the 3 header divs are fixed elements and not part of the site content or navigation as such, would it be better for me to fix the font size of the text in each div?
The affected site is here, if you change your browsers default font size to 15 or 17, for example, then you will notice that the positioning of the 3 divs becomes badly affected. I presume that this is due to me implementing the div floating incorrectly, the content div is configured the same as the header div but resizes elegantly if the font size is decreased or increased.
The other alternative would be for me to just implement an image rather than divs containing heading text but I would then lose the SEO benefits that the non-graphical text provides.
Many thanks in advance, Andy