#wrapper фоновое изображение не появляется ⇐ CSS

[Anonymous]

У меня есть изображение в моем div#wrapper, которое я хотел бы отобразить, но этого не произойдет, пока я не заполню область после соответствующего div текстом.
У меня есть overflow:auto; в #wrapper, так как в последующих элементах div есть числа с плавающей запятой.
Файл CSS:

Код: Выделить всё

@media only screen and (min-width: 25em) {
html {
background: url(images/gridbg.jpg) repeat fixed center top;
}
}

@media only screen and (max-width:25em) {
html {
background-color:#0c0c1f;
}
}

img {
border:0px;
}

textarea:focus, input:focus{
outline: none;
}

#wrapper {
margin:0 auto;
width:60em;
overflow:auto;
background-image:url(images/cont-bg.png);
}

#content {
text-align:justify;
position:fixed;
width:59em;
height:100%;
overflow:auto;
padding-top: 0.4em;
padding-bottom: 0.4em;
padding-left: 0.4em;
padding-right: 0.4em;
outline:none;
z-index:2;
margin-top:12em;
}

#homeNav {
position:fixed;
float:left;
margin-left:0.65em;
margin-top:0.65em;
z-index:3;
}

#primaryNav {
z-index:2;
float:right;
margin-left:28em;
margin-top:1em;
position:fixed;
}

#navGFX {
background-image:url(images/navGFX.png);
background-repeat:no-repeat;
width:60em;
height:8em;
float:left;
position:fixed;
z-index:1;
margin-top:3em;
}

HTML-файл:

Код: Выделить всё

Ag Design









[url=index.html]
[img]images/buttons/btn_logo.png[/img]
[/url]

[url=index.html]
[img]images/buttons/btn_home.png[/img]
[/url]
[url=index.html]
[img]images/buttons/btn_link1.png[/img]
[/url]
[url=index.html]
[img]images/buttons/btn_link2.png[/img]
[/url]
[url=index.html]
[img]images/buttons/btn_link3.png[/img]
[/url]
[url=index.html]
[img]images/buttons/btn_link4.png[/img]
[/url]



This area is full of filler text

Я понятия не имею, что я делаю не так. У кого-нибудь есть идеи? :/

Подробнее здесь: https://stackoverflow.com/questions/160 ... not-appear