I'm working on top of the bulletproof theme, customizing it to suit a project need.
I added a div for an extra BG image across the top of the page. Then 2 separate images at the top of each sidebar, which should line up with the top BG image.
The problem is either they line up in IE or FF, but not both with the same definition.
Currently I don't have it online, but I might have to in order for someone to debug
I'll post the css and a screenshot, to see if it makes sense to anyone.
Code: Select all
#serendipityLeftSideBar{
background: url(img/tfi/sil-left.gif) no-repeat;
padding-top: 220px;
margin-top: 7px;
}
#serendipityLeftSideBarRight,
#serendipityLeftSideBarLeft,
#content{
background: #fff ;
margin-top: 7px;
}
#serendipitySideBarContent_header{
padding-top: 40px;
background: #fff url(img/tfi/maptop.gif) no-repeat;
margin-top: 0px;
}
#serendipityRightSideBar {
background: url(img/tfi/sil-right.gif) no-repeat;
padding-top: 220px;
margin-top: 7px;
}