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 */
Your help is greatly appreciated.
Kris
______________________________________________________________________
css-discuss [[email protected]]
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/
![http://www.mtsu.edu/images/bg_col_left3.gif"](http://www.mtsu.edu/images/bg_col_left3.gif"){kind=link}