CSS not working in certain areas of page?

803 Views Asked by At

I am working on a page of my site with just plain old HTML and CSS (and a little bit of jquery using the innerfade.js script). I have my code aligned in divs, and have set up some CSS rollovers using the background-image and hover attributes. However, for some reason, they stop working in a certain area of the page - everywhere else, even on the same div, they work fine, just not in that one area.

Is there anything that may be causing this? If so, how could I fix it? Thanks in advance!

Problem was solved, it was a position: absolute on one of my divs that was throwing it off. Thanks again to Ben Baudart!

1

There are 1 best solutions below

2
On BEST ANSWER

If you remove the absolute positioning of this div

<!-- BEGIN "TRIP PLANNER" BOX -->
            <div id="planTripContainer" style="margin-top: 57px; position: absolute;">

like this:

<!-- BEGIN "TRIP PLANNER" BOX -->
            <div id="planTripContainer" style="margin-top: 57px;">

It seems to solve the trick here: http://jsfiddle.net/66Swj/4/

But I have no idea of what it does to the rest of your code…