Hey guys, I’ve got a problem with internet explorer, and by association, Microsoft 
(im sure lots of you do too haha).
Ok, so my problem:
My page:
I have an index.html that has a div inside it, id=container. Inside the container, I’ve just used JS to load an external file into it, page.html.
Nothing aligns properly in IE, but as we all should know, IE is a b*tch like that and I already knew that it would happen so I set aside time to rape my code and make it work with it - no issue here
[COLOR=“Red”]Problem:[/COLOR]
In Firefox, everything is great. The page loads, and the css INSIDE page.html is also read and rendered.
In IE however (tested 7 and 8), page.html does indeed load into the container, but none of the css that I’ve hard coded into page.html displays.
The same goes for safari and a range of other browsers - in fact, the only browser it DOES work on seems to be firefox.
What I suspect
At the moment I’m suspecting that there might be some way I’m suppose to reference div elements inside page.html (since its being parented by index.html???), meaning that my code inside page.html is being sent to nothing…
<style type=“text/css”>
#box{
height: 100px;
width: 800px;
background: #FF9966;
}
</style>
[SIZE=“2”][COLOR=“Gray”]The above NOT being displayed by any browser except Firefox[/COLOR][/SIZE]
Sort of like in flash when you put things inside another you need to correctly give the root or else it sends whatever the function is to nothing.
[COLOR=“Red”]Side issue[/COLOR]
I’ve actually also got some lines in page.html that reference to a div that sits in index.html - more specifically, the div that page.html is being loaded in. This, once again, works in Firefox and nothing else but I assume whatever the solution for the main problem will solve this too as I believe I’ve done something that isnt correct, causing all browsers to ignore the css in page.html (cept firefox cause firefox is JUST ghetto enough!).
…
Thank you guys for reading and cheers in advance for any sort of help or direction.
C:-)
