FieldSets not acting right in Mozilla

I am haveing an issue with mozilla not setting my fieldsets correctly..

Can someone take a peek at the site and let me know how to lock this dam thing down..

Look in ie and mozilla for the differences..



page Employment

www.leonlittle.com

erik

What fieldsets? Are you talking about the actual tag, <fieldset>?

For some reason my content that is in the <fieldset> tags at www.leonlittle.com on the employment page is misplaced in Mozilla; However, everthing is fine in IE...

What can i do to fix that ??

Thanks alot for the help

Erik

For starters I suggest you sort your code out. You'll be glad you did in the long run.

Seperate ALL your css and JavaScript into their own external files and <link... or <script... them into your pages as required.

Your employment page links the same css file in at three different location throughout the page.

Also identifiers in css should be lowercase.

You also need to validate and correct your code. In this little snippet alone there are two errors:

Code: Select all

        <div class="Header">
            <h1 style="color: #ec9374">
                Employment Information
                <hr color="graytext" style="height: 1px" />             </h1>
    </div>

<hr> tags are not aloud inside <h1> elements and there is no such colour as 'graytext'.

Man that is exactly what i need is someone pointing this out to me... Thanks you very much..

I will be back for more questions..


erik

if your using mozilla/firefox, these extensions will help you out allot!

http://www.getfirebug.com/
http://users.skynet.be/mgueury/mozilla/
http://chrispederick.com/work/webdeveloper/
http://ietab.mozdev.org/
http://www.mozilla.org/projects/inspector/
http://www.iosart.com/firefox/colorzilla/

Just an FYI

should be:

<fieldset>
<legend>Foo</legend>
whatever code.....
</fieldset>

__________________