Links not working in DIV

Opera behaves strangely

[globay]

This is the code:

styles.css:
############################
.infobox {
WIDTH: 200px;
POSITION: relative;
FLOAT: right;
RIGHT: -10px;
MARGIN: 2px 0px 2px 10px;
BACKGROUND: #FFE7CB;
PADDING: 5px;
BORDER: 1px #F3A010 solid;
}
############################

index.htm:
############################
#...
<p>Some Text here</p>
<div class="infobox">
Links here
</div>
<p>Some Text here</p>
#...
############################

Looks like: (more or less ;-)

¦----------¦
¦..........¦
¦..... ¦###¦
¦......¦###¦
¦......¦###¦
¦..........¦
¦----------¦
. : Text / Paragraph
# : Links

Somehow, the links in the div don't work. There is no reaction when I move the mouse on them. If I doubleclick on the link text, some text in the paragraph is highlighted. Only where there is a line break (end of Paragraph), the links works.

--
globay

[Birdman]

I think if you remove the relative positioning and just use margins to position the div it may work. It's good practice to use all lowercase too.

Something like this:

<style type="text/css">
.infobox {
width: 200px;
float: right;
margin: 2px -10px 2px 10px;
background: #FFE7CB;
padding: 5px;
border: 1px #F3A010 solid;
}
</style>

[globay]

Thanks birdman,

works perfectly,

--
globay

[Nick_W]

Yeah, you'll find that form elements don't work either in that scenario. It's a real pain the arse to work out too...

Nick