need help with bottom nav bar

[jdubwelch]

i have a bottom nav bar that i don't know how to move down according to the content on the page.

[a href=\"http://www.jwelchdesign.com/ao/bradybark/products.php\" target=\"_blank\"]here's[/a] a link to what the page looks like. The other pages (via the links on the side look fine because the content doesn't overflow out of the window).

this is what the css for the bottom <div id="footer">:

[code]#footer {
    position: absolute;
    top: 662px;
    left: 3px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
    width: 749px;
}[/code]

an entire view of the css is found [a href=\"http://www.jwelchdesign.com/ao/bradybark/styles/master.css\" target=\"_blank\"]here[/a]

*note: this page was originally made in photoshop then slices and exported using css and that's where all the layout-## come from and why i started using absolute positioning.

[moberemk]

DON'T use absolute positioning. It's a lot of code and it's inflexible a lot of the time. Instead, use some other CSS method, like one from [a href=\"http://www.bluerobot.com/\" target=\"_blank\"]http://www.bluerobot.com/[/a]. Without that kind of method, you basically can't get it to scroll down.
However, there is also the clear: both; method of positioning the footer, if you're interested.

[jdubwelch]

the clear: both method... how does that work?

and will i need to change all my css (everything with absolute positioning) to clear: both?

[moberemk]

NO! Don't do that! What clear: both; does is it forces the element to stack below the previous element. When you use a method like [a href=\"http://bluerobot.com/web/layouts/layout1.html\" target=\"_blank\"]this[/a] one, the clear: both; will push it down below all the floats.