safari7

I have a fixed position div that sits at the bottom of the screen as I scroll, not moving. However, on Safari, this div acts like it is absolutely positioned, and moves up and down with the rest of the content. When I click "Inspect Element", the programmed (desired) location is highlighted, not the visual (actual?) location. I am unable to recreate this issue in a fiddle. This is not happening in Chrome, FF, or IE (10+). Here's a screenshot of the difference between the visual (the character count box) and the programmed location (the highlighted area). There are more actual layers of css and

I have a very simple situation, where I want to set a container element to 80vh and then have the inner div to be 100% of that height. On Chrome this will render correctly, however on Safari, the inner element doesn't have 100% of the 80vh height. .container { background-color: red; width: 100%; height: 80vh; } .inner { height: 100%; background-color: blue; } Here is a fiddle showing this issue: http://jsfiddle.net/neilff/24hZQ/ On Chrome the element is blue, in Safari it is red. Is there a work around for this issue without applying 80vh to the height of the .inner div? This is a known bug