Hi, I suspect it only takes a simple CSS addition, but I just don't know which one.
This is my playground-testingsite: luciasnoei.nl/2q
And this is where the problem happens: http://luciasnoei.nl/2q/archives/6
Because I want to add mouse-over images and tooltips I inserted this in a post:
Text before
<div class="imageswitch">
text after
And this in my CSS:
#main .imageswitch
{width: 210px;
height: 210px;
background-image: url('http://luciasnoei.nl/2q/wp-content/uploads/2009/08/icon_vrij.jpg');}
#main .imageswitch:hover
{ background-image: url(http://luciasnoei.nl/2q/wp-content/uploads/2009/08/icon_zeven.jpg); }
#main .imageswitch a
{width: 210px;
height: 210px;
display: block;}
Problem: this "imageswitch" causes my menu in the sidebar to be pushed down. It should be at the top, like in the other pages.
Does anyone know how I can solve this?
Many thanks!