At the bottom of the page you will hopefully see some pink bunting (those triangle flags on a string.) I want the bunting to appear as though it is hanging from the top of the footer (the top of the green box) extending below the green box.
It looks correct on one of my computer screens, but on the others, it is appearing at three different places, as if it were absolute positioned. It is relative positioned, so how do I ensure that it renders in the same spot on every screen?
I wonder if this is because the HTML is placed in the wrong place? It is currently at "HTML Inserts: Body Bottom", because when put in "Footer: Content", the green box is stretched vertically to envelope it.
If this is not the issue, is it something with the CSS?
HTML:
Code:
<div id="footer-flag"><img src="http://www.p-is-for-party.com/blog/wp-includes/images/footer-flag.png"></div>
Code:
#footer-flag { position: relative; width: 0px; left: 650px; top: -105px; text-align: right; }