ok..well..your problems lie in just a few places:
1) use absolute positioning with #frog to make it so it doesnt push down the menu
2) trying using more % or em values as apposed to pixel values so your site will look virtually the same on smaller or larger screen resolutions
also, if youre going for standards in xhtml and css...go ahead and replace font-family and font-size with just font:
but thats just optional
The relative positioned div is occupying the space you want for #vert1. A reletive positioned element is shifted, but its original space is not vacated. Quite correctly, the float drops down clear of the obstruction.Code:<div style="position: relative; z-index: 100; top: 0px; left: -98px;"><div id="frog"></div></div>
ps. Great visual effect.