Clear:right doesn't work in IE

[heldenbrau]

.box2{
  border: solid 1px;
  padding:4px;
  height:auto;
  width:auto;
  float:left;
  text-align:left;
  vertical-align:middle;
  margin:2px;
  clear:right;

}

.box2hid{
  border: solid 1px;
  padding:4px;
  height:auto;
  width:auto;
  float:left;
  text-align:left;
  vertical-align:middle;
  margin:2px;
  display:none;
  clear:right;

 

In Firefox, the next element which is:

 

.levelhid{
  border: solid 0px;
  height:30px;
  width:150px;
  float:left;
  text-align:right;
  padding-right:5px;
  vertical-align:bottom;
  display:none;
  clear:both;
}

 

Appears on the next line, but in IE, the box2 divs don't clear to the right, they all lign up in a line with one next to the other, why is this?

[haku]

Can't help without the HTML. And the IE version.

[heldenbrau]

I will put a link to the page, then you can see what it does too.  A bit of a mess at the moment, but when I clean it up, it should look like an expandable category menu.

 

http://www.kangercourt.com/temp.php

 

Internet explorer is version 8

 

 

[haku]

Step 1: clean up the 139 errors in your HTML. You don't even have a doctype.