I've read a few snippets here and there about Opera having a bug related to not showing background images. The site I'm working on now appears to look fine in IE5. 5.5 and 6, as well as Mozilla variants, but suffers from a missing background image in Opera. I'd be really grateful if anyone could give me a helping hand!
Firstly, here's the mock-up of the finished page:
And here's the coded page so far:
The main content box (#content) has 2 columns within it, #left and #middle (I know I should label them by meaning, will change this soon...)
#left is absolutely positioned, while the #middle div has a fixed width and a huge left grey border so that both left and middle columns will always appear to have same length columns. I tried floating the left column, as I'd usually do, but ran into more cross browser problems than I cared to fix.
The #middle div has a small, square, white gif background image repeated vertically like so:
to give the appearance of a 10px white border between the left and middle columns, which was the only way I could achieve this effect.
background: #E3E3E4 url(images/whitebg.gif) left repeat-y;
border-left: 204px solid #E3E3E4;
padding: 10px 40px 20px 30px;
All conforming browsers but Opera (v.7.23 in this case) show the white background border graphic. Does anyone know how I can make it appear?
Thanks ever so much in advance!