title: List Bullet Disappear in IE7
body: <h2>About</h2>
  
  <p>So this question has been asked time and time again, but I noticed something a little different; <em>see below</em>.</p>
  
  <h3>Standard Info:</h3>
  
  <ul>
  <li>Bullet displays in FF</li>
  <li>Bullet does not appear in IE</li>
  </ul>
  
  <h3>Finding</h3>
  
  <ul>
  <li>The bullet disappears when setting a hasLayout on the <code>&lt;ul&gt;</code> element, not the <code>&lt;li&gt;</code>; this is often accomplished when doing *{zoom:1}</li>
  </ul>
  
  <h2>Firebug in Internet Explorer</h2>
  
  <h3>UL:</h3>
  
  <pre><code>backgroundAttachment       "scroll" 
  backgroundColor            "transparent" 
  backgroundImage            "none" 
  backgroundRepeat           "repeat" 
  borderBottomColor          "#000000" 
  borderBottomStyle          "none" 
  borderBottomWidth          "medium" 
  borderCollapse             "separate" 
  borderColor                "#000000" 
  borderLeftColor            "#000000" 
  borderLeftStyle            "none" 
  borderLeftWidth            "medium" 
  borderRightColor           "#000000" 
  borderRightStyle           "none" 
  borderRightWidth           "medium" 
  borderStyle                "none" 
  borderTopColor             "#000000" 
  borderTopStyle             "none" 
  borderTopWidth             "medium" 
  borderWidth                "medium" 
  bottom                     "auto" 
  clear                      "none" 
  color                      "#000000" 
  cursor                     "move" 
  direction                  "ltr" 
  display                    "block" 
  fontFamily                 "tahoma, arial, helvetica, sans-serif" 
  fontSize                   "0.9em" 
  fontStyle                  "normal" 
  fontVariant                "normal" 
  fontWeight                 400 
  height                     "auto" 
  left                       "auto" 
  letterSpacing              "normal" 
  lineHeight                 "normal" 
  listStyleImage             "none" 
  listStylePosition          "outside" 
  listStyleType              "disc" 
  margin                     "auto auto auto 30pt" 
  marginBottom               "auto" 
  marginLeft                 "30pt" 
  marginRight                "auto" 
  marginTop                  "auto" 
  maxHeight                  "none" 
  maxWidth                   "none" 
  minHeight                  "auto" 
  minWidth                   "auto" 
  overflow                   "visible" 
  padding                    "0px" 
  paddingBottom              "0px" 
  paddingLeft                "0px" 
  paddingRight               "0px" 
  paddingTop                 "0px" 
  pageBreakAfter             "auto" 
  pageBreakBefore            "auto" 
  position                   "static" 
  right                      "auto" 
  tableLayout                "auto" 
  textAlign                  "left" 
  textDecoration             "none" 
  textIndent                 "0pt" 
  textTransform              "none" 
  top                        "auto" 
  unicodeBidi                "normal" 
  verticalAlign              "auto" 
  visibility                 "inherit" 
  whiteSpace                 "normal" 
  width                      "auto" 
  wordSpacing                "normal"     
  </code></pre>
  
  <h3>LI:</h3>
  
  <pre><code>backgroundAttachment       "scroll" 
  backgroundColor            "transparent" 
  backgroundImage            "none" 
  backgroundRepeat           "repeat" 
  borderBottomColor          "#000000" 
  borderBottomStyle          "none" 
  borderBottomWidth          "medium" 
  borderCollapse             "separate" 
  borderColor                "#000000" 
  borderLeftColor            "#000000" 
  borderLeftStyle            "none" 
  borderLeftWidth            "medium" 
  borderRightColor           "#000000" 
  borderRightStyle           "none" 
  borderRightWidth           "medium" 
  borderStyle                "none" 
  borderTopColor             "#000000" 
  borderTopStyle             "none" 
  borderTopWidth             "medium" 
  borderWidth                "medium" 
  bottom                     "auto" 
  clear                      "none" 
  color                      "#000000" 
  cursor                     "move" 
  direction                  "ltr" 
  display                    "block" 
  fontFamily                 "tahoma, arial, helvetica, sans-serif" 
  fontSize                   "0.9em" 
  fontStyle                  "normal" 
  fontVariant                "normal" 
  fontWeight                 400 
  height                     "auto" 
  left                       "auto" 
  letterSpacing              "normal" 
  lineHeight                 "normal" 
  listStyleImage             "none" 
  listStylePosition          "outside" 
  listStyleType              "disc" 
  margin                     "auto" 
  marginBottom               "auto" 
  marginLeft                 "auto" 
  marginRight                "auto" 
  marginTop                  "auto" 
  maxHeight                  "none" 
  maxWidth                   "none" 
  minHeight                  "auto" 
  minWidth                   "auto" 
  overflow                   "visible" 
  padding                    "0px" 
  paddingBottom              "0px" 
  paddingLeft                "0px" 
  paddingRight               "0px" 
  paddingTop                 "0px" 
  pageBreakAfter             "auto" 
  pageBreakBefore            "auto" 
  position                   "static" 
  right                      "auto" 
  tableLayout                "auto" 
  textAlign                  "left" 
  textDecoration             "none" 
  textIndent                 "0pt" 
  textTransform              "none" 
  top                        "auto" 
  unicodeBidi                "normal" 
  verticalAlign              "auto" 
  visibility                 "inherit" 
  whiteSpace                 "normal" 
  width                      "auto" 
  wordSpacing                "normal"
  </code></pre>
  
  <p><br />
  <strong>Any idea why setting a layout to <code>&lt;ul&gt;</code> modifies the bullet?</strong><br>
  I thought it might be the margin/padding, but Firebug in IE is showing the same w/|w/o hasLayout. </p>
  
  <p><br /></p>
  
  <h3>Bare Page Example:</h3>
  
  <pre><code>   &lt;!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"&gt;
     &lt;html&gt;
     &lt;head&gt;
        &lt;title&gt;Default&lt;/title&gt;
        &lt;style type="text/css" media="all"&gt;ul {zoom:1;}&lt;/style&gt;
     &lt;/head&gt;
     &lt;body&gt;
        &lt;ul&gt;
           &lt;li&gt;foo&lt;/li&gt;
           &lt;li&gt;bar&lt;/li&gt;
           &lt;li&gt;foo bar foo bar foo bar foo bar foo bar foo bar foo bar foo bar
               foo bar foo bar foo bar foo bar foo bar foo bar foo bar foo bar
               foo bar foo bar foo bar foo bar foo bar foo bar foo bar foo bar
               foo bar foo bar foo bar foo bar foo bar foo bar foo bar foo bar
               foo bar foo bar foo bar foo bar foo bar foo bar foo bar foo bar
               foo bar foo bar foo bar foo bar foo bar foo bar foo bar foo bar
               foo bar foo bar foo bar foo bar foo bar foo bar foo bar foo bar
               foo bar foo bar foo bar foo bar foo bar foo bar foo bar foo bar
               foo bar foo bar foo bar foo bar foo bar foo bar foo bar foo bar
               foo bar foo bar foo bar foo bar foo bar foo bar foo bar foo bar
               foo bar foo bar foo bar foo bar foo bar foo bar foo bar foo bar
               foo bar foo bar foo bar foo bar foo bar foo bar foo bar foo bar
               foo bar foo bar foo bar foo bar foo bar foo bar foo bar foo bar
               foo bar foo bar foo bar foo bar foo bar foo bar foo bar foo bar
           &lt;/li&gt;
        &lt;/ul&gt;
     &lt;/body&gt;
     &lt;/html&gt;
  </code></pre>
  
  <p>Try the above in IE7 w/ and w/o the <code>zoom:1</code>.<br>
  <strong><em>Note:</em></strong> <em>because this deals with hasLayout other versions of IE are probably affected.</em> </p>