IE woes - Code and Form Elements

[R0bert Neville]

I created a simple template with common tags, which serves as a quick
reference guide for my web development efforts. The web page renders
great in Firefox, yet becomes a mess in IE. The HTML and CSS code
validates on the server. You may view the template at the following
link.

http://neville.f2o.org/Template_noXML.html

These tests relate to FireFox 1.0 and IE 6.0 on XP. Let me know if you
encounter further deviations with your browser or OS platform.

Form Elements
In the form section, the float does not properly align in IE. The
legend tag set to {float: right} positions in-between the fieldset's
border. In Firefox, the legend falls inside the border with the
appropriate margins. The border also embodies the entire background
color. Notice how the background color bleeds above the border.

Under account information, FireFox renders additional information
(tool tip effect) for the user name input field. The technique
utilizes the hover on a span element nested within div container. IE
renders the effect as an additional text line, which is not
appropriate.

http://neville.f2o.org/IE_form.html

Code Element
The code element renders much large in IE than in Firefox. Do I have
to set multiple font sizes one for IE and another for FireFox? What
are the differences in how each browser renders the code tag?

http://neville.f2o.org/IE_code.html

[Peter Hoyle]

"R0bert Neville" wrote in message

http://neville.f2o.org/Template_noXML.html

Code Element
The code element renders much large in IE than in Firefox. Do I have
to set multiple font sizes one for IE and another for FireFox? What
are the differences in how each browser renders the code tag?

The css for the code element is
code {
font-family: monospace;
font-size: 1.4em;
}

It's likely that IE and Firefox use a different default font for
'monospace'.
In a quick test, adding courier to the css and viewing it in Firefox made it
appear as large as in IE.

--
peter