I am using Bootstrap 3.
I have a containing element containing a floated div and a fieldset. The floated div is 100% width so the fieldset should sit below it. This works in FF (which I was using to develop) but in chrome/IE, the fieldset overflows out of container and sits to the right of
border:1px solid red;
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<a >Select All</a> / <a >Select None</a>
Looks like it's the
fieldset default styling being over-ridden by the Bootstrap CSS. It's applying a
min-width: 0 to
fieldset which is causing the element to have no width. Not sure why this was added to Bootstrap but it's probably something to do with it's expected content being actual form fields as opposed to just text as per your example. Try adding some valid form HTML as per the MDN link to see if that improves your situation.