Make sure that the checkbox labelled 'Suppress Internet Explorer warnings' is not selected (on jAlbum's 'Advanced -> Metadata' settings tab).
The resulting album will then be able to be previewed locally in IE9 as well as in Firefox and Safari (though not in Chrome or Opera due to a security restriction preventing these browsers from loading local XML files).

Please post the URL to your album created by jAlbum and the Juicebox skin so that I can take a look.

This seems to be somewhat browser specific. Firefox 12, Chrome 19 and Safari 5.1.7 open a new tab/window (no matter what the linkTarget is set to) but IE9 does not.
I have logged a bug report to see if it is possible to suppress the opening of a new tab/window when using a 'mailto' link in the linkURL across all browsers.

Did you try clearing your iPhone browser's cache after deactivating your plugins, reverting to the default theme and before reloading your gallery?

I suggested the <iframe> idea as it keeps all the gallery's own CSS and JavaScript separate from that which is on your main page and will avoid any possible conflicts.

Yes. With your help, we can hopefully find out which plugins/themes are causing the conflicts and work towards fixing them.
In the meantime, the <iframe> solution should work fine and should be relatively quick and easy to implement.
(1) Create your gallery using JuiceboxBuilder
(2) Upload your entire gallery folder (not just the contents) to your web server using FTP
(3) Embed the gallery in a post using an <iframe> (a single line of code)

I also notice that, when viewing your page in IE9, there are several (non-Juicebox-related) links displayed at the bottom of the page (in very small text, too small to read) which are not visible when viewing the page in Firefox, Chrome or Safari.
I would start by trying my suggestions in this post which might help diagnose the problem.

This looks like a CSS or JavaScript clash between your page and Juicebox.
In order to determine the cause of the problem, try reverting to the default WordPress theme to see if this makes a difference.
If this does not help, try deactivating your plugins, one-by-one, until the problem disappears and you discover which plugin is causing the problem.

A workaround would be to embed the gallery in an <iframe> instead of using WP-Juicebox (which inserts the embedding code directly into your page).

(1) Create your Juicebox-Pro gallery with JuiceboxBuilder-Pro: http://www.juicebox.net/support/juiceboxbuilder/
(2) Upload your entire gallery folder (not just the contents) to your web server
(3) Enter the following code into the body of your post:

<iframe src="http://www.example.com/gallery_folder/index.html" width="800" height="600" frameborder="0" scrolling="no"></iframe>

... making sure that the 'src' attribute of the <iframe> points towards your the 'index.html' file inside your gallery folder.

Your gallery works OK in Firefox 12, IE9, Chrome 19, Safari 5.1.7 and Opera 11.64 on my PC but not in Mobile Safari on my iPod Touch iOS 5.1.1 where I also see the 'Config XML file not found.' message.
Looking at your embedding code, I see it is all strung together on a single line with no line breaks.
Try breaking up the code into separate lines to see if this makes a difference.
Change:

<!--START JUICEBOX EMBED--> <script src="http://www.marketingandtechnology.com/repository/WebFeatures/test/meat/jbcore/juicebox.js"></script> <script> new juicebox({ containerId : "juicebox-container", baseUrl : "http://www.marketingandtechnology.com/repository/WebFeatures/test/meat/",  galleryWidth: "100%", galleryHeight: "50%", backgroundColor: "#222222" }); </script> <div id="juicebox-container"></div> <!--END JUICEBOX EMBED-->

... to:

<!--START JUICEBOX EMBED-->
<script src="http://www.marketingandtechnology.com/repository/WebFeatures/test/meat/jbcore/juicebox.js"></script>
<script>
    new juicebox({
        containerId : "juicebox-container",
        baseUrl : "http://www.marketingandtechnology.com/repository/WebFeatures/test/meat/",
        galleryWidth: "100%",
        galleryHeight: "50%",
        backgroundColor: "#222222"
    });
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

You could also try using relative rather than absolute URLs within your embedding code.

I do not see the blue box when viewing your gallery in Firefox 12, IE9, Safari 5.1.7 and Chrome 19 on my PC.
What platform (Mac/Windows) do you use and what browser(s) do you see this in?
Would you be able to take a screenshot and upload it somewhere so that I could see what you are seeing?

It sounds like it might be an element on your web page that has been selected. For example, try drawing a box around the menu on your page. Left-click somewhere to the top-left of the word 'Biography', drag your mouse down to the bottom-right of the words 'Links we dig' and release your mouse-click. You should see the menu items highlighted with blue boxes.

Try changing:

<div id="juicebox-container"></div>

... to:

<div id="juicebox-container" style="margin: 0 auto;"></div>

I am not familiar with Slide Show Pro Director so perhaps someone else can help you out there.

However, an alternative method of embedding a Juicebox gallery in a WordPress post would be to:
(1) Create your Juicebox gallery with the method of your choice: http://www.juicebox.net/support/creation/
(2) Upload your entire gallery folder (not just the contents) to your web server
(3) Embed the gallery in a post by using one of the two methods described here: http://www.juicebox.net/support/embeddi … ery-folder

Unfortunately, I do not have an Asus Eee Pad on which to test.
Try validating your page with the W3C Markup Validation Service and fix the errors reported.
Once the code validates, try again and see if it makes a difference.