How do I get the top and bottom bar like this?

Question

Hey guys.. Check out the fading grey on top of the page and the grey for the footer here http://www.alcatel-lucent.com/wps/portal/BellLabs .. How do i get this using css... I tried using

#bgtop{
background-image:url('bg_top.JPG');
background-repeat:repeat-x;
margin-top:auto;
}

But this doesnt work.. Please help

Answer 1

Try specifying a height

#bgtop{
background-image:url('bg_top.JPG');
background-repeat:repeat-x;
margin-top:auto;
height: 40px;
}

Answer 2

Try giving the html the background image you want with repeat-x, it should work that way.