css and firefox problems[resolved]

Guys

I'm trying to place a paragraph of text at the top of my page, code-wise, but I want it to appear at the bottom of my page.

I have it working in IE6 using

Code:

---

#toptext
{
font-family: Arial,sans-serif;
text-align: justify;
position: absolute;
bottom: -390px;
font-size: xx-small;
color: #70828F;
padding-bottom: 5px;
}

<div id="toptext">
blah blah blah
</div>

---

But when I view this in Firefox it appears right in the middle of my page. The only way I can get this to sit at the bottom in FF is to change the bottom setting to -650px but that makes it sit well below the page footer in IE6. This just doesn't make any sense!

:eek2:

Trying that in IE6 and Fx1.0.7 I get the text at the bottom of the page.....

Weird. I've just put it into a different page and it works in both browsers....

It must be something to do with the positioning of other elements on the page?

Ended up having to detect browser type and use a different stylesheet for IE/Mozilla :rolleyes: