[css] problem z wyświetlaniem pod FF i Opera Opcje

[Spanner]

Witam,
mam pewien problem, na stronie mam taki oto kod

Kod

<div id="footer">
<div id="copyright"><p>tekst</p></div>
<div id="copy">tekst</div>
</div>

i do tego css

Kod

#footer {
margin: 10px auto 5px auto;
width: 800px;
padding:0;
text-align: left;
}

#copyright {
padding-left: 10px;
float: left;
border-left: 3px solid #fff;
margin-top: 6px;
margin-right: 0;
padding-right: 0;
width: 303px;
}

#copyright p {
margin: 0;
padding: 0;
}

#copy {
width: 497px;
float: right;
border-top: 1px solid #fff;
padding-top: 5px;
margin: 0;
padding-left: 0;
}

i mam taki problem w IE wszystko jest tak jak powinno to wyglądać,natomiast w FF i Operze mam takie coś że <div id="copy"> jest wyświetlane dopiero pod tekstem umieszczonym w id="copyright" a powinno być to wyświetlane na równi. może mi ktoś pomóc co zmienić aby ff i opera wyświetlała, oba divy na jednej wysokości a nie jeden pod drugim


aha tylko nie chodzi mi o zwężenie prawej strony, bo wtedy zamierzony efkt wyglądu mi się psuje, bo psuje mi lay, natomiast jeśli zwęże lewą strone id='copyright' to ten div ucieka do góry pod ostatni element z lewej strony, a margines górny div'a id='footer' wogóle nie oibniża w ff i operze tego fragmentu :/

[Spanner]

wiem, ja to rozumiem, że paddingi i border trzeba dodać do szerokości, ale jak ustawiłem lewą stronę na auto, lub zmniejsze ją tak do 280px to cały ten div ucieka mi do góry pod ostatni element umieszczony nad cały id=footer, strona jest w pełni zgodna ze standardem xhtml 1.1, a z tą jedną rzeczą nie moge sobie poradzić, bo prawej strony nie mogę zwęzić, a lewą jak zwęże to ucieka na góre ;/. masz może jakić pomysł (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif)