With a fixed top how do I get a list to always start below the fixed section?

[phpjayx]

I have fixed some entry boxes on the list with the following....

 

#fixed_top
{
    z-index:1;
    position:fixed;
    top:0%;
    height: auto;
    background-color:#ffffff;
    width: 99%;
}

 

 

 

I have a list below it, but the first item is alway behind the fixed area.  How can I alway start it so the list starts below the "fixed_top"?

 

 

[Irate]

Could you provide a screenshot how it looks like at the moment?

[phpjayx]

So everything below the SUBMIT button is the list... but the first item on the list is behind the top section..... I was able to FIX the top section so it doesn't move with the above code, but I can't get the list to start below the Fixed section..... I need it assign it relative to the top section so it works on any device.... IPAD, PC, Android... etc...

 

[phpjayx]

This site has exactly what I'm looking for....   http://lifeinthegrid.com/simple-css-fixed-header/#codesyntax_4

 

 

But, I'm having trouble picking apart the code that would offset the Body of the text to make sure it starts at the correct vertical location.....  Any help?

[phpjayx]

Ok... figured it out..... the simple line of the following worked.....

 

margin-top:95px

 

 

I assumed it wouldn't because I wanted it to work on different devices so I thought that it would differ from an IPAD to a PC to a IPhone, etc.... but it works fine