[jQuery] File Input field Help

[Chris]

Hello so I am trying to create an image that once clicked will trigger
the file input field but I am getting an error Here is what I am
doing:

# Set the image in the div
$("#form_container").css({"background-image": "url(input.png)",
                              "width": "126px",
                              "height": "150px",
                              'cursor': 'pointer'
});

# set the field input out of viewable site.
$('input[type=file]').css({'overflow':'none',
                               'position': 'relative',
                               'opacity': '0',
                               'top':'-1000px', // place element of
the grid
                               '-moz-opacity': '0'
});

# When the div container is clicked, trigger the default file input
field action.
$("#form_container").click(function() {
    $("#id_content").trigger('click');
});

HTML:
<div id="form_container">
    <input id="id_content" type="file" />
</div>


Here is the error that I receive when clicking:

Firebug's log limit has been reached. %S entries not shown.
Preferences
too much recursion
[Break on this error] (function(){var R=/((?:\((?:\([^()]+\)|[...
(J,typeof K==="string"?K:K+"px")}})})();
jquery-1....2.min.js (line 19)
too much recursion
[Break on this error] var msg = "Error in hook: "+ exc +" fn=\n"+fn
+"\n stack=\n";

Any thoughts?

Thanks!