Page Displays Different in Firefox

Question

I am new to web site development and new to Dreamweaver.  When I display the webpage in FireFox 3.6.3, the header picture shows below the logo on the left.  It displays fine in IE.  BTW, the font choice is not mine I tried to talk the person out of it.
http://www.mulberrylanehillsdale.com/sample3.html

Answer 1

You answered to the most little part of my comment (there was a suggestion for paged medias or for rendering on smaller displays, but this was not so critical, you should have seen it).
The main point was about font smooting, that you have enabled in ALL browsers, EXCEPT Firefox on Windows.
And this gives really a bad/unfair view of what is really Firefox on Windows.
If one wanted to test a page for Firefox on Windows, he would certainly expect to see what he really sees on its PC, now most often with a flat panel display with pixel precision, but certainly not the non-smoothed rendering which is only for those users that have CRT displays.
That's why I was not suggesting  really an expansion of the number of browsers. But:
- if you have renderings for some browsers WITHOUT font smoothing, offer it on ALL browsers, to be fair
- if you also have renderings for some browsers WITH font smoothing, offer it on ALL browsers, to be fair
In other words, it should be a generic display option, that is independant of the browsers tested, and that should be selected by your users in their preferences, according to their own preferences: if a browser only supports one option (with or without font smooting), just display this version, otherwise, use the selected option on all compared browsers.
And you will then see that most of your users are already preferring the pages rendered on any browser with the font smoothing enabled.
Don't use the Microsoft's ClearType option, which uses subpixel precision, as it would require you to manage at least two versions: for display on your site with a RGB panel, or with a BGR panel : subpixel order would then have to be selected, adding two other versions of the same page for the same browser on the same OS... Instead just offer the pixel-level only smoothing, where smoothing applied equally to all R/G/B subpixel color planes, so that a black font on white background will be smoothed only using only "white-gray-black" full pixels without position-dependant colors).
Side notes:
For the long term, note that subpixel precision will be deprecated/obsoleted sooner or later (including on small display panels such as mobile phones, that will be the first to offer the highest pixel densities):
It should be up to the display panel technology to map internally the standard sRGB colors (computed by softwares or in digital image formats or in web browsers and other computer GUI interfaces) to actual subpixels in a pixel (which may have different patterns, different coverage, different relative positions, possibly also 4 subpixels or more, just like with new Yamaha HDTV sets that use a non rectangular grid for the arrangement of subpixels, and that also use an additional yellow or white subpixel). Subpixel rendering technologies in software will also be deprecated because the display panel technologies will continue to improve to offer higher pixel densities, up to a level where the position of subpixels will not be noticeable : only the full-pixel smoothing will remain as it will reduce a lot the CPU/GPU cost of rendering and will be much faster to compute, using also less memory for finally the same resolution.
Subpixel smoothing anyway is patented, and only a temporary "cheap" solution that can be implemented in CPU/GPU software, as long as flat panels don't have a higher pixel density (i.e. measured in full pixels per inch, not in colored subpixels per inch). These subpixel software technologies are in fact a nocive brake to allow the technical evolution of hardware display panels (the existing panels using rectangular R/G/B girds arranged in parallel vertical stripes have a poor color gamut, and display noisy color artefacts, as demonstrated by ClearType). The true evolution will not be in software but in hardware display panels, that will still benefit a lot from full-pixel font-smoothing only:
- for example, the existing software subpixel artificially smoothing triples the horizontal resolution (but effectively only doubles the apparent horizontal resolution, due to correction of color artefacts), but do not increase the vertical resolution which remains poor. This gives an anisotropic result, which is desastrous for natural photographs or videos).
- newer hardware subpixels arrangements (such as Yamaha's) can effectively double BOTH the horizontal and vertical resolution (and not just for text, but also for photos), using exactly the SAME subpixel density, and will produce a much better isotropic result without color artefacts (fair for high-fidelity colors and smooting of photos and video): this means similar costs of production of these panels, that should already be available in shops today and on notebooks, if this was only compatible with subpixel rendering softwares such as Microsoft's ClearType. and for now, we can't still have them on cheap PCs and notebooks, but only on the most expensive HDTV sets (notably the largest 1080p screens, whose size is more than 35 inches): note that these HDTV sets are also used for computer display (notably as a secondary "theater" screen for playing digital videos on online VOD contents) and for them the subpixel font-smoothing softwares have absolutely no use, only full-pixel smoothing will work correctly.