[SOLVED] screen not filling up

[peranha]

I am using css to control the look of my website here is the code.

 

a:link, a:visited, a:hover {
color: RED;
text-decoration: none;
}

body {
background: #619CDE;
}

table {
background: lightblue;
border-collapse: separate;
empty-cells: show
}

.yellow {
color: YELLOW;
font-size: 12px;
}

.red {
color: RED;
font-size: 12px;
}

H1 {
color: #090363;
font-size: 12px;
}

#head {
background: #C0C0C0;
height: 115px;
    background: url(../pics/backhead.JPG);
}

 

When I load the page, the backhead.jpg file does not go across the whole screen.  Attached is a screen shot of what I am talking about.  I would like the gray and the blue bars to go across the screen.

 

[attachment deleted by admin]

[phpQuestioner]

left to right

 

    background: url(../pics/backhead.JPG) repeat-x;

 

top to bottom

 

    background: url(../pics/backhead.JPG) repeat-y;

 

left to right and top to bottom (both directions)

 

    background: url(../pics/backhead.JPG) repeat

 

[peranha]

Tried repeat-x, and still the same thing.

[phpQuestioner]

Must be an issue with the width of the div; set it to display "block" and give it a width of either "100%" or "auto".

[peranha]

Yes that worked.

 

a:link, a:visited, a:hover {
color: RED;
text-decoration: none;
}

body {
background: #619CDE;
font-size: 15px;
background: url(../pics/background.JPG);
}

table {
background: lightblue;
border-collapse: separate;
empty-cells: show
}

.yellow {
color: YELLOW;
font-size: 12px;
}

.red {
color: RED;
font-size: 12px;
}

H1 {
color: #090363;
font-size: 12px;
}

#head {
background: #C0C0C0;
height: 90px;
width: 100%;
    background: url(../pics/backhead.JPG);
}

 

Thanks for the help

[phpQuestioner]

your welcome