[MagicUK]

Hi Guys. Looking for your help. I have recently finished an upgrade to my site using the 960 grid system. Works fine in all browsers apart from, you guessed it, IE6. I can't for the life of me figure out what is wrong.

Have a look at the site: Lucid Studio

As normal:


IE6:


If you notice on the home page I have a three column layout in the area with the main content. In IE6 the third links column is not floating properly. Its falls below the other content.

Any help would be greatly appreciated.

[Rotuy]

Try adding display inline to all elements in that row that are floated. Depending on whether they're floated left or right AND have a margin in the same direction can cause errors like this. Seems like a double margin bug.

so for example if an element has a margin on the same side as the float like so:

#div {

width: 200px;
float: left;
margin: 0 0 0 15px;}

add "display: inline;" to it like so:

#div {

width: 200px;
float: left;
margin: 0 0 0 15px;
display: inline;}

The same applies if the float is right along with the margin.

[7twelve]

960 has everything inline by default. Try clearing your floats in between containers