my Form is hiding behind my footer

[Farhad.idrees]

Hi i made fix footer bar....its working fine..
but problem is my form is hiding behind this bar..
i want to show my form above footer bar like you can see in daniweb when you scroll down so homw, about us and contact us will be above...
i want to do this...
how to do it?

my css is

.footer2
{
    width:100%;
    position:fixed;
    left:0;
    bottom:0;
    background-color:#CCCCCC;
    border:1px solid #666;
    text-align:center;

}

regards..
Farhad

[EvolutionFallen]

Try adding z-index to make the element come to the front

.footer2
{
    width:100%;
    position:fixed;
    left:0;
    bottom:0;
    background-color:#CCCCCC;
    border:1px solid #666;
    text-align:center;
    z-index: 1000;
}

[Farhad.idrees]

i did but when i scroll down so my back is hiding...
back form must be start above the bar...

[sannusean]

try changing the position footer as related to u r form it makes the difference

[IIM]

Check this :-
http://stackoverflow.com/questions/643879/css-to-make-html-page-footer-stay-at-bottom-of-the-page-with-a-minimum-height

[JorgeM]

@Farhad.idrees- Can you clarify what you are trying to do? It is not clear to me based on your description so far.

Do you want to have a footer remain at the bottom of the display regardless of the content and have this footer remain in place without moving even as you scroll down? Here is some help for that with a demo:
How to Keep a Footer Fixed Even While Scrolling

Or do you want to "push" your footer to the bottom of the content and when there is not enough content to fill the screen, push it to the bottom of the viewport? Here is some help for that with a demo:
Pushing a Footer to the Bottom of a Web Page

If neither of these solutions meets your needs, please provide additional details.