Question

I have styled a div so that I can have a bar at the top of the page for site navigation. Everything goes fine, but the padding of the bar refuses to cover the whole page? When I reload the page, I can see the bar flickering to cover the whole page, but it is then re-sized to about 50% of my browser.

This is my code:

div.title_main
{
    background-color:rgb(40,40,40);
    position:fixed;
    right:50%;
    top:-1%;
    padding:0.1% 100%;
}

Thanks!

Answer 1

Remove right: 50%; then it should work.

See this jsFiddle