New to positioning using CSS
I want the row of buttons, currently fixed at the bottom of my page, to "float" at the bottom of the browser window. In Other words, the buttons are always displayed at the bottom of the window as I scroll the document.
My problem: "position: fixed" does not seem to have any effect. The buttons remain in their original position.
I'm using IE 6 in Windoze XP.
Here's my code skeleton.

I want the row of buttons, currently fixed at the bottom of my page, to "float" at the bottom of the browser window. In Other words, the buttons are always displayed at the bottom of the window as I scroll the document.
My problem: "position: fixed" does not seem to have any effect. The buttons remain in their original position.
I'm using IE 6 in Windoze XP.
Here's my code skeleton.
Code:
<html> <head> <style> .floatButtons { position: fixed; bottom: 10%; } </style> </head> <body> <form> <table class='floatButtons' ...> <tr> <td> <input type='submit'...> </td> <td> <input type='reset'...> <input type='hidden' ...> </td> </tr> </table> </form> </body> </html>
Comment