Bootstrap btn-group broken?

[jackwilsdon]

I'm having a problem with the following code;

   

<li class="span4">
        <div class="thumbnail">
            <img src="" alt="" />
            <div class="caption">
                <h3>Title</h3>
                <div class="clearfix">
                    <div class="pull-right">
                        <div class="btn-group">
                            <button class="btn btn-success"><i class="icon-thumbs-up"></i></button>
                            <button class="btn btn-danger"><i class="icon-thumbs-down"></i></button>
                            <button class="btn btn-warning"><i class="icon-star-empty"></i></button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </li>

The problem is, the buttons look like this;

 

 

Also, this only appears  sometimes, so I cannot easily track it down. Here's a link to where it is hosted;

[link]

 

I can reproduce the problem in Chrome, but not in Firefox. What do you think the problem is?

 

Thanks

- jack

[noober]

It works in Chrome and IE7-9 for me, but you usually see something like this when the container doesn't have enough width set. I don't think that's your problem, but they are obviously not floating correctly.