Spry Master Detail section not showing in IE after addObserver

Question

So, I have this cool thing almost done and I get it close and then it goes blank in IE - FireFox is fine, Safari PC is blank, Chrome is blank too.
http://ryanmillsdesignstudio.com/MasterDetail.cfm
As soon as I add the addaobserver
<script type="text/javascript" language="javascript">
<!--
var dsPortfolio = new Spry.Data.XMLDataSet("Residential.xml", "gallery/album/img", {sortOnLoad: "@src", sortOrderOnLoad: "ascending"});
//-->
<!--
Spry.Data.Region.addObserver('items', {
     onPostUpdate : function(observer, region){
          // slider code
// execute your scripts when DOM is ready. this is a good habit
$(function() {       
    // initialize scrollable
    $("div.scrollable").scrollable();   
$(function() {
    /* execute this script block when page is ready to be scripted */
    // select items under the second scrollable and do something when they are clicked
    $("div.scrollable:eq(1) div.items div").click(function() {
        // perform the effect
        $(this).fadeOut().fadeIn();
// custom easing called "custom"
$.easing.custom = function (x, t, b, c, d) {
    var s = 1.70158;
    if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
    return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
// use the custom easing
$("div.scrollable").scrollable({easing: 'custom', speed: 700});
$(document).ready(function(){
$.ajax({
        type: "GET",
    url: "Residential.xml",
    dataType: "xml",
    success: function(xml) {
          //END scrollable
}); //END observer
</script>
nor can I get the spry detail region work when I click on the image to show the lager image up top.

Answer 1

No clue, as its something that your jQuery plugin does. Probably some CSS issue. I suggest you post that issue in the jQuery tools forum.
And a comment about your region observer, again, there are items function that do not need to be there, they are obsoleet and even duplicate.\
Spry.Data.Region.addObserver('items', {
     onPostUpdate : function(observer, region){
          // your slider code here
// execute your scripts when DOM is ready. this is a good habit
$(function() { // NOT NEEDED BECAUSE YOUR DOM IS READY WHEN THE OBSERVER FIRES
// initialize scrollable
     $("div.scrollable").scrollable();     
$(document).ready(function(){ // YOU ARE DOING A AJAX CALL, BUT YOU ARE DOING NOTHING WITH THE XML
$.ajax({
        type: "GET",
     url: "Residential.xml",
     dataType: "xml",
     success: function(xml) {
            //END scrollable
}); //END observer
I made all useless scripts red and bold, and added the reason in comments. Sorry about the caps, forgot that it was on