Eagle-eyed readers will have spotted that there is no longer an odd red bar (Firefox) nor a big red box (Internet Explorer) when you move the mouse over the big banner picture there at the top.
[Now for the boring bit unless you’re fascinated with css.]
I was perplexed because I was sure that at some stage (late at night) I’d added a border in that red colour (#990000) but I went through the css with a fine toothcomb and could find nothing. Then inspiration struck and I realised that it was a hover effect causing the red bar/box.
I’m still at the stage where I have to check css code, especially when it means having one set of links behave differently to another, so I pulled out Rachel Andrew’s excellent book, The CSS Anthology: 101 Essential Tips, Tricks & Hacks. It took less than a second scan the index, straight to pages 7 and 8 for a revision of contextual selectors and bingo, it’s fixed.
Big beaming smiles all round.
I’ve tested in Firefox, IE and Opera on Windows, if anything’s broken where you are, could you let me know?
Next steps: reduce width of the layout so that viewers with 800×600 displays don’t have to scroll horizontally (sorry about that) and set the content column (this one) to flexible width so that it resizes.
I’ve a small black and white dog at my feet at the minute, saying a big thank you to everyone for their good wishes. She’s feeling a lot better, can climb the stairs and jump on the bed now but… just a minute, she’s whispering… oh, one of those special doggie chocolates from the tin on the top shelf would make your bad leg feel a lot better would it? Okay, let’s go get one…