Firefox css display issue / fixed by reload

[jens1701]

Hi,

my form gets nearly pushed out to the right of my website the first time i load the page. If i reload the page it jumps back in place.

Happens in firefox 3,2 the others are fine...

Anybody knows something about this wierd behavoir? Has this a name, something to search for? How do i fix this?
Any help is welcome.


Greets

Jens

html

<div id="mail_form">
<p>Hier Kontakt Text: - Wir freuen uns über ihr Feedback - Was halten sie vom Projekt - Was denken Sie über den Internet auftritt -Vorschläge und Verbesserungen.. Lorem Ipsum Dolor Siamet Lorem Ipsum Dolor Siamet Lorem Ipsum Dolor Siamet</p>
<form action="index.php?id=55" id="mailform" enctype="multipart/form-data" method="post">
<div class="invisible">
<input type="hidden" name="html_enabled" id="mailformhtml_enabled" value="" />
<input type="hidden" name="subject" id="mailformsubject" value="[lorem Ipsum] Nachricht über das Webformular" />
<input type="hidden" name="locationData" value="55:tt_content:113" />
</div>
<div>
<div>
<label for="name">Name</label>
<input id="name" type="text" name="Name" size="5" value="wenn Sie ihn uns mitteilen möchten" /><br />
</div>
<div>
<label for="mail">E-Mail</label>
<input id="mail" type="text" name="mail" size="5" value="wenn Sie Antwort erhalten möchten" /><br />
</div>
<div>
<label for="topic">Thema</label>
<input id="topic" type="text" name="Thema" size="5" value="Wie lautet ihr Anliegen?" /><br />
</div>
<textarea id="nachricht" name="Nachricht" cols="50" rows="10">Fügen Sie hier bitte Ihre Nachricht ein.</textarea>
<div id="submit"><input type="submit" value="Abschicken" /></div>
</div>
</form>

css
DIV#contact DIV.c75r DIV#form_container DIV { margin-bottom: 10px; clear: both; }
DIV#contact DIV.c75r Label, DIV#contact DIV.c75r INPUT { display: block; float: left }
DIV#contact DIV.c75r INPUT { border: none; width: 208px; }
DIV#contact DIV.c75r Label { width: 47px }
DIV#contact DIV.c75r BR { clear: left }
DIV#contact DIV.c75r TEXTAREA { height: 20em; width: 23.1em; border: 0.47em solid }
DIV#contact DIV.c75r DIV#submit { margin: 0 auto; width: 85px }
DIV#contact DIV.c75r DIV#submit INPUT { width: auto }
DIV#contact DIV.c75r DIV#send_sucessful { border: 5px solid; padding: 2px 4px; }

[aj_nsc]

Do you have a link to your page perhaps? My bet would be that this problem isn't isolated to the code that you think it is, and it instead has to do with another element on the page that gets loaded (maybe after the page loads) and affects the way the page looks. But once the page is cached (on refresh) then everything is fine.....that's just what I'm thinking. A link to the page would be ideal, if you have one.