Don't Back Down

Well, it seems that the earlier fix created to handle displays in Mozilla-based browsers didn't really take. So I took another look at it. It seems that my main content <div> wasn't being positioned correctly. I'm not entirely sure why this is, as it should have been fine. It used to be fine. In any case, I didn't like the use of the position:absolute solution, because it tended to overwrite the footer at the bottom of the page. Back to the drawing board.

Since the problem was one of position, and the width of that content area wasn't helping at all, I decided to work with the margin property. One apparently lesser-known fact about this property is that you can use negative values to move in the opposite direction.

For example, If you're using the margin-left property (or the appropriate field in the shorthand version), and enter a value, it moves the content to the right, building in the margin that you specify. What do you suppose happens if you use a negative number? If you answered that it moves the margin, and thus the content, back to the left, you win.

        margin-left:-190px;

Using this method, I moved the left margin of that <div> back to the left, allowing adequate space for the sidebar to still display as it should. I still don't know why it stopped working in the first place, but I like this solution better as it allows the footer, which required work itself, to display as it should. Please let me know if you run into any problems.