css image popup - opera help

Simply a first suggestion to get you started:

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.klout.co.uk%2Fjones1.htm

Then we'll go from there.
(Probably, won't help alleviate the problem but can't hurt either.)

thanks, I'll validate the page immediatley

.popup A SPAN {
	DISPLAY: none
}
.popup A:hover {
	COLOR: #FF6600; TEXT-INDENT: 0px
}
.popup SPAN IMG {
	DISPLAY: block; WIDTH: 434px; HEIGHT:360px
}
.popup A:hover IMG {
	BORDER-RIGHT: #FF6600 0px solid; BORDER-TOP: #FF6600 0px solid; BORDER-LEFT: #FF6600 0px solid; BORDER-BOTTOM: #FF6600 0px solid
}
.popup A:hover SPAN {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; DISPLAY: block; MARGIN: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px; TEXT-ALIGN: center
}
.popup A:hover SPAN IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; WIDTH: 434px; HEIGHT:360px
}
.popup A:visited SPAN IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; WIDTH: 434px; HEIGHT:360px
}
.popup A:active SPAN IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; WIDTH: 434px; HEIGHT:360px
}
#popupl A:hover SPAN {
	LEFT: 266px; POSITION: absolute; TOP: 0px; WIDTH: 434px; HEIGHT:360px
}

Try putting these in proper order. Apparently, it is very important: link, visited, hover, active.

I am not sure about this...are CSS definitions case sensitive like XHTML is with the tags? A, SPAN and IMG to a, span and img. I don't know if it makes a difference.

OK I have validated and put the css in order.

Any help much appreciated.

fixed the problem......

used:

.popup {
POSITION: absolute; left: 0px; top: 0px
}

did the trick, thanks for your help Triumph

regards

Yes CSS is case sensitive you should really use lowercase even with id and class names, it's best practise especially with xhtml which requires all lowercase.

There are a some uppercase tags in the stylesheet such as H1 which will need changing to pass validation.


Hugo.