HTML + CSS Sidebar rechts oben

Hallo zusammen.

Ich versuche mich nun seit längerem an dem Problem Sidebar.
Ich möchte ein Bild oben rechts im Browserfenster positionieren, dieses soll immer da oben rechts sein. Dies klappt.

Nun möchte ich, wenn man über das Bild hoverd, ein div angezeigt wird mit den aktuellen Beiträgen aus dem Bereich News.

Es funktioniert, dass das DIV mittels :hover angezeigt wird, aber es flackert (auf und zu, auf und zu, … :smile:).

Wo liegt mein Fehler??

Bitte um Hilfe.

Danke.

LG Sebastian

Hier mein Versuch:

test
#sidebar{
 position:absolute;
 right:0;
 top:10px;
}
#sidebar #sidebarHeader{
 width:100%;
 height:100%;
 display:block;
}
#sidebar #sidebarHeader img{
 float:left;
}
#sidebar #sidebarContent ul{
 list-style-type:square;
}
#sidebar #sidebarContent a{
 color:#706467;
}
#sidebar #sidebarContent a:hover{
 color:#3f3e3e;
 text-decoration:none;
}
#sidebar #sidebarHeader #sidebarContent{
 display:none;
 border:1px solid #0b090a;
 border-right:0;
 float:left;
}
#sidebar #sidebarHeader:hover #sidebarContent{
 display:block;
 overflow:visible;
 width:100%;
 height:100%;
}

Hallo

könntest du das beispiel online stellen?

meine vermutung:
das div das erscheint überdeckt das bild welches ja nun nicht mer „hover“ ist. somit wird das div ausgeblendet, nun ist die maus wieder direkt auf dem bild, das div wird eingeblendet… usw.

könnte sein muss aber nicht. bei einer online demonstration deines problems könnte ich dir ziemlich sicher weiterhelfen.

Hallo.
Danke für deine Antwort, du hattest recht!

Ich habe mittels dieser Anleitung hinbekommen:
http://psacake.com/web/jl.asp

Gruß Sebastian

Website?
Es wäre einfacher Dir zu antworten, würdest Du den Link zu deiner Website posten.