Firefox 10 - unclickable buttons?

Has anyone seen this behavior:

I have a couple of HTML buttons used to drive a content rotator:

<div id="rotatorControls" class="rotatorControls" runat="server">

    <input name="previous" id="previous" type="button" value="&laquo;" />

    &nbsp;

    <input name="next" id="next" type="button" value="&raquo;" />

 </div>

The buttons are activated with a little jQuery:

$(document).ready(function() {

            mcarousel = $("#carouseldiv").msCarousel({ boxClass: 'div.box', height: 100, width: 450 }).data("msCarousel");

            //add click event

            $("#next").click(function() {

                //calling next method

                mcarousel.next();

            });



            $("#previous").click(function() {

                //calling previous method

                mcarousel.previous();

            });

        })

In IE this works fine...in Chrome and FireFox 10, the buttons aren't clickable. When I roll my cursor over the buttons, the cursor doesn't change and the buttons don't highlight like other buttons do.

Anyone seen this before and/or have any ideas how to fix this? I've already tried setting the z-index on the buttons, and moving them out of the container div (thinking an invisible element is blocking the click), but neither of those worked.

Any help would be appreciated.

EDIT

I'm using the mCarousel plugin provided by Marghoob Suleman (http://www.marghoobsuleman.com/jquery-ms-carousel)