Sent by Tim Duffy on 6 February 2010 00:12
>
> 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 [EMAIL-REMOVED]]
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/
