Having trouble getting jQuery tooltip function to work

I'm having a problem with the tooltip functionality I'm trying to implement on a project. I'm using the jQuery library that is described here: http://jqueryfordesigners.com/coda-popup-bubbles/

The (test) website can be found here: http://wandree.websites.xs4all.nl/test/

When I hover over the menu item called 'Zoeken' I want the div #search to appear. When I use Firebug I can see that the div does get opacity 1 and display: block. However I can't see the searchform anywhere on the screen.... I've looked anywhere but the div remains frustrat开发者_运维百科ingly elusive.

I'm sure I'm overlooking something really simple. Anybody have any idea what I'm doing wrong?

It is appearing underneath your carousel, due to the

top: 200px !important;

...that is attached to #menu.popup.

Remove this, and you should see the tooltip.

By the way, if you want to work within Firebug while simulating a hover on the "Zoeken" menu item, enter the following in your console:

$('#menu h4.last').trigger("mouseover");