title: ie11 ignoring specific block of css but not entire stylesheet
body: <p>ie11 is ignoring this css:</p>
  
  <pre><code>.canopy_banner .banner_text {
    max-width: 335px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }
  </code></pre>
  
  <p>html:</p>
  
  <pre><code>&lt;div class="row-fluid-wrapper"&gt;
    &lt;div class="row-fluid"&gt;
      &lt;div class="span5"&gt;
        &lt;div class="banner_text"&gt;
          {% if module.banner_content.tagline %}&lt;span class="accent_text" style="color:{{ module.banner_content.tagline_color.color }};"&gt;{{ module.banner_content.tagline }}&lt;/span&gt;{% endif %}
          {% if module.banner_content.h1_header %}&lt;h1&gt;{{ module.banner_content.h1_header }}&lt;/h1&gt;{% endif %}
          {% if module.banner_content.richtext_field %}{{ module.banner_content.richtext_field }}{% endif %}
  
          {% if module.banner_content.buttons_ %}{% if module.button_group.type_of_buttons  == "cta" %}{% for item in module.button_group.cta_repeater %}{% cta guid="{{ item }}" %}{% endfor %}{% elif module.button_group.type_of_buttons  == "nam" %}{% for item in module.button_group.link_repeater %}&lt;a href="{{ page_by_id(item.link_url).absolute_url }}" class="cta_button"&gt;{{ item.link_text }}&lt;/a&gt;{% endfor %}{% endif %}{% endif %}
  
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="span7 ban_hide"&gt;
        {% if module.banner_content.right_side_image.src %}
          &lt;img src="{{ module.banner_content.right_side_image.src }}" alt="{{ module.banner_content.right_side_image.alt }}" style="width: {{ module.banner_content.image_width }}%;"&gt;
        {% endif %}
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>but the entire rest of the styles are being applied to the page. I cannot figure out why. any suggestions?</p>