I am certain this is a really stupid slip up on my part. But I keep attempting to use the JQUERY UI .POSITION utility to align a menu with my content. It works in Firefox, but it goes off screen in IE.
Relevant code:
<script type="text/javascript">
<!--
$(function() {
$("#bulletin").click(function () {
$("#poop").show("slide");
return false;
});
$(".infotabs").position({
offset: "0 0",
my: "left top",
at: "left top",
of: "#content"
});
$(".infotabs").hide();
});
// -->
</script>
DIV #poop has both a class of .infotabs and an ID of #poop, so that all menu items are positioned at the top left of the #content div, and then they are hidden, to open when #bulletin is pressed. Interestingly, in IE8 the menu is where it should be horizontally, but not vertically.
Any ideas would be much appreciated. Forgive me if it was the simplest fix in the world.