Site display problems in Firefox

[avillalva]

Hi,

My site www.it-pathways.com is displaying correctly in IE 9, but it looks terrible in Firefox. The header displays incorrectly and the page background is non existent.

I am not a professional developer and to be honest am not really sure what to look at in order to resolve.

I was wondering if someone would be kind enough to look over the code and let me know what I've done wrong (code structure, syntax, css or a combination?)

Thanks in advance,
Andres

[avillalva]

Correction to my previous description. My site displays correctly in IE9 if i select compatibility view.

[$adriana]

Hi,
do you have some screenshot to compare with???

[$adriana]

it seems to me the paths to the pictures in the css are wrong. For exaple:
#header .br {
background: url("/images/header_br4.jpg") no-repeat scroll right bottom transparent;
width: 100%;
}
if the CSS file is in a "css" folder the path to images were
#header .br {
background: url("../images/header_br4.jpg") no-repeat scroll right bottom transparent;
width: 100%;
}
If the css file is not in a folder the path will look like this
#header .br {
background: url("images/header_br4.jpg") no-repeat scroll right bottom transparent;
width: 100%;
}

[tracknut]

Add an "overflow:auto" to your #wrapper div. The stuff inside it is floated, so they aren't "in the flow" of the wrapper div.

$adriana, that is not correct about the images. /images/header_br4.jpg is a perfectly good path to the images, assuming they are in a folder called images at the top of the site (which it appears they are).

Dave