[thelist] DIV overlapping in IE5/WIN

Gregory Wostrel info at gwcreative.com
Mon Mar 15 17:24:29 CST 2004


Evolters,
Here is the trouble:
I have two divs of equal width in a table column, they are both 
float:right clear:right, The intent is for them to stack vertically 
which they do in IE5, Firefox, Mozilla 1.4 and Safari in MAc OSX 10.3, 
and IE6 and Mozilla 1.6 in Win98. However, in IE5/Win the thing just 
collapses and the bottom div is on top of the top div.

My HTML and CSS validates. The site is: http://www.riveryogacenter.com/

the two divs in question are "nav-box" and "switcher":
.nav-box     {
color: #999;
background-color: white;
float: right;
clear: right;
margin-top: 10px;
margin-right: 50px;
margin-left: 40px;
padding-bottom: 10px;
border-style: solid solid none solid;
border-width: 1px 1px 0px 1px;
border-color: silver silver  silver;
width: 115px
}

.switcher     {
color: #dcdcdc;
background-color: white;
float: right;
clear: right;
margin: 0px 50px 0px 0px;
padding-top: 5px;
border-style: solid;
border-width: 1px;
border-color: silver silver #c0c0c0 silver;
width: 115px;
height: 20px
}


Any help or suggestions would be greatly appreciated!
Gregory Wostrel

gwcreative
http://www.gwcreative.com/
gw at gwcreative.com
401.286.9228
Communications and the Art of Simplicity



More information about the thelist mailing list