The background arrow was still overlaping titles. Using z-index: -1 fixes it.

segment of style.css =>

#main {
/* padding in px not ex because IE messes up 100% width tables otherwise */
padding: 30px 35px 50px 35px;
/*background: transparent url(background.png) no-repeat center; */
background-image: url(background.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center;

/* fix background overlapping text in IE (aka Peekaboo Bug) */
/* position: relative; */

/* Improved fix. Does not overlap title either. */
z-index: -1;

Comments

zyara’s picture

Thank you :-)