This site isn't online, yet, so I have provided an image of my problem. Not sure if someone can help me with this, without some sort of markup/css to provide, but my problem is with how the site display's in Chrome. I have a sticky footer that sits outside of the #wrap - which is a parent to the main-content and sidebar.
The footer clears the #wrap, but in Chrome you can see that my #wrap is running behind my footer?? I have provided a link to the image here.
What's happened is that the footer was not cleared correctly, so the footer in Chrome doesn't know that there is content before it, whilst in Firefox it's low down enough to realise it (basically your ireFox window takes up more space at the top, so someone else could have the problem you're having in Chrome).
How are you clearing it? You need to clear the floats inside the wrap, otherwise it will be 0 height.
The footer clears the #wrap, but in Chrome you can see that my #wrap is running behind my footer?? I have provided a link to the image here.
Thanks.
How are you clearing it? You need to clear the floats inside the wrap, otherwise it will be 0 height.