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.

Strangely enough, it works fine in IE9 but not in IE8.
Thank you for reporting. I will log a bug report.

Thank you for providing the screenshots.
I cannot replicate the problem and do not see what you are seeing.
In Opera 11.64 on my system (Windows 7 SP1 x64), there is never an occurrence/browser window size whereby there is room on all 4 sides of your second image. It is always displayed edge-to-edge (either top-to-bottom or left-to-right).
Out of interest, does the image snap into place (edge-to-edge) if you resize the browser window (even only slightly) to force the gallery to resize dynamically?
Also, could you please confirm which version of Opera you use and I will log a bug report.
Thank you for reporting.

There is no way to have JuiceboxBuilder-Pro not generate thumbnails. You would need to swap those generated by JuiceboxBuilder-Pro with your own after the gallery has been created.

It is not possible to change the default values in JuiceboxBuilder-Lite/JuiceboxBuilder-Pro (such as the selected 'Resize Images' checkbox).
It is also not possible to automatically load a Preset on launching the application.

@pscalabro

As Weaver II Pro is not free, I cannot test WP-Juicebox with this theme.
However, I have installed Weaver II (Standard) and WP-Juicebox seems to work fine with this theme installed.

Try temporarily reverting to the default WordPress theme to see is this makes a difference for you.

If not, please explain further as to what you mean by your theme failing to see the plugin folder.
Have you changed your plugins folder from the default WordPress location ('wp-content/plugins/')?
Do any of your other plugins (if you have any others installed) show up in your 'Plugins' list?

For reference, an alternative to the above method would be to use the dedicated Juicebox Plugin for WordPress: WP-Juicebox, which would allow the user to create and embed Juicebox galleries in WordPress posts directly from within the WordPress Dashboard.