[RESOLVED] floating issue in IE

[decepticon]

common problem.. works in FF, doesnt in IE.

link (http://www.expandedgraphics.com.au/web/suppliedsolutions/)

it seems IE is not picking up the floated menu? does anyone know how to resolve this?

thanks

[opifex]

try .....
#menu ul.nav {

float: right;
clear: both;
}

but expect multiple problems with the css .... it contains css3 elements that are not supported by IE

[decepticon]

tried that but no noticeable difference

[Centauri]

IE has many problems with floats, especially when floats contain floats of no defined width and opposite directions. It also has problems with floats beside unfloated objects with HasLayout triggered (dimensioned). Set the widths so that no overlap can occur :.branding {
background: #fff url("../images/branding.jpg") top left no-repeat;
width: 270px;
height: 107px;
text-indent: -9999px;
}

#menu {
float: right;
width: 720px;
}

[opifex]

if all else fails... strip the all of css. start at the section you are working on and then build it back up. rewrite from scratch if you have to. keep the css simple and concise as you write it.

[decepticon]

Thanks for help! problem resolved!