Making Background image flow in FF

[csa]

I'm currently using the following code on my main div container so that any extended information will flow and still contain the background image without having to alter the height of my left and right columns. However, in FF it this doesn't work, what is the correct code I need to use? Ta

#container{
width: 760px;
border: solid black 1px;
position: relative;
left: 50%;
margin-left: -380px;
border: solid black 1px;
height: 595px;
background-image:url(images/background.gif);
background-repeat:repeat-y 100% 0;
}

[herkalees]

Originally Posted by csa

I'm currently using the following code on my main div container so that any extended information will flow and still contain the background image without having to alter the height of my left and right columns. However, in FF it this doesn't work, what is the correct code I need to use? Ta

#container{
width: 760px;
border: solid black 1px;
position: relative;
left: 50%;
margin-left: -380px;
border: solid black 1px;
height: 595px;
background-image:url(images/background.gif);
background-repeat:repeat-y 100% 0;
}

What is your site link again? Also, remove the duplicate border property, as well as the "100% 0"

[csa]

Have a look at the site in Firefox, IE seems to be quite happy with it.

http://www.media-drive.co.uk/nti/store/hometest.htm

http://www.media-drive.co.uk/nti/store/test.css

Thanks

PS. Did you ever get the Search Engine Project search script up and running Herkalees? Unfortunately I still need to get to grips with PHP but I have had asked someone to look at this for me.

[masonbarge]

This would be a lot easier to puzzle out if you didn't have 2 id's in different parts of the css file, which appear to me to conflict in some particulars. Tell me if I misread the html.