You should set the width
of .container
to whatever you need it to be. You should probably also use height
instead of min-height
. The :before
and :after
pseudo elements are also display:inline
by default, so in order for height
and width
to be applied you'll need to change display
.
.container:before {
content: "";
background-image:url(../images/head-bg.jpg);
background-repeat:repeat-x;
height:30px;
width:30px;
display:inline-block;
}
Also you can just use the empty string with content
.