Re: [css-d] background image missing in IE6

[Tim Duffy]

>
> I have a div that holds a navigation bar.  There is supposed to be a 
> background image uner the nav bar, but it doesn't show up in IE6.  Here is 
> the page:  http://www.depts.ttu.edu/agriculturalsciences/Test/academics.php
>
> I have the following styles.  I've included everything that I can think of to 
> force layout.
>
> #leftColumnSection {
>  position: relative;
>  float: left;
>  min-height: 625px;
>  margin: 0;
>  padding: 7px;
>  width: 246px;
>  _width /**/:260px;
>  background-image:url("http://www.mtsu.edu/images/bg_col_left3.gif";);
>  background-repeat:no-repeat;
>  background-color:#f5f1e4;
> }
> #leftColumnSection:after {  /* For most non-IE browsers, this encloses the 
> two floating columns completely in the wrapper */
>  content: ".";
>  display: block;
>  height: 0;
>  clear: both;
>  visibility:hidden;
>  }
>  #leftColumnSection  {display: inline-block;}  /* Fix for IE Mac */
>  /* Hides from IE Mac 5 \*/
>  * html .#leftColumnSection {height: 1%;}
>    /* End IE Mac 5 Hack */

Hi Kris,

I think it is a min-height issue
(http://www.dustindiaz.com/min-height-fast-hack/)

I think it should work if you modify your css and add this:

#leftColumnSection {
  min-height: 700px;
  height:auto !important;
  height: 700px;
        
}

and delete this (unless it is needed for something else)
 HTML #leftColumnSection {
        HEIGHT: 1%
}

not sure if its valid, but it should work.

Tim
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/