CSS Help.

[Lilian]

Ok, Im new to CSS and have only just started using it but ive kinda got a problem.

I want my middle content to touch the next bar up as its got a space in the middle. There is no spacing in between it or < br >.

Ive tryed:
position: top;
margin-top: 0px;
and some other styles.

Im using this:

background: url('top_bg.png');
height: auto;
position: top;
margin-top: 0px;

Another thing is I need it to touch the bottom as well so it expands to the bottom bar. Ive tryed "auto" but that doesn't work but works on other boxes.

+rep to anyone who can help me.

Thanks

[Lilian]

Edit:// Sorry I cannot edit my other post. I have fixed the top align. I just need it to strench to the bottom bar now so that it expands when content is there.

[Aflux]

margin-bottom: 0px;


height: 100%;

Try either attribute.

[Lilian]

No that doesnt work :(

[Lilian]

Is there away of making "Padding" auto or something because when i change that it expands but over the whole layout. When i remove it, the image just goes?

//Again sorry for double post i cannot edit above. Really sorry.

[Lilian]

Basically I want my content bar to touch the bottom but its not work. Im tryed "Height: 100%;" and "margin-botom: 0px;".