Not sure how much sense this will make, but I'll try, anyway...

I have four div tags on my stylesheet: #header, which comes first, #content, and two div's within #content, #main (which acts as the main content of a given page) and #sidebar (which acts as a navigation menu).

#main and #sidebar have float properties, #main being left and #sidebar being right. The problem is that the more text/images/etc. that goes into main, the navigation menu gets pushed farther and farther down. It does this in all browsers that I have tried (NS, IE 4.0+, Firefox, Mozilla, Opera 7). Is there any way to anchor #sidebar so that the contents won't move with the contents of #main?

Thanks in advance! ^_^

Do you have an example online?
Or could you post your html and css?

Do you have an example online?
Or could you post your html and css?

Yes, sorry ^_^u The URL is http://www.midnitetrysts.com/main.htm

You can view the CSS at http://www.midnitetrysts.com/style.css

I recently made similar layout so I think it might be that your main div is too wide, try making it smaller by about 5 pixels at time and it should look right.

Great, I'll try that ^_^ Thanks bunches!