[Tim Underwood]

Hi.

I am trying to create a website for my boss and i have done a little bit so far. But i have a problem.

If you go to:

www.enigmamobilediscos.co.uk/style1.html

in Internet explorer 7 is how it should look. However in Firefox it doesnt look how it should. The buttons are not in the "bannerbg" bit at the top they are kind of below it and the footer is at the top of the page, covering it all. Is there any way to fix this?

the css is at:

www.enigmamobilediscos.co.uk/style1.css

I would really appreciate some help as i'm stuck for ideas. Hopefully i'm just missing something. . .

Kind Regards
Tim

[Fyzbo]

You need to add two styles one to .bannerbg and one to .footer

PHP Code:

.bannerbg{
    border-bottom:4px solid #FFFFFF;
    background-color: #CB160B;
    height: 20%;
    width: 100%;
    padding-left: 0%;
    float:left; /* Adding a float left will force it to stretch to contain it's nested float left items, like the navbar */
}
.footer{
    width:100%;
    background-color: #CB160B;
    height: 5%;
    margin-top: 8px;
    text-align: center;
    text-color: #FFFFFF;
    clear:both; /* clear both forces it to be below both float right and float left items */
} 


[Tim Underwood]

Thank you! You have saved me! It works brilliantly!

I am really grateful! Thank you!

Kind Regards
Tim