IE7 Layout issues - CSS Detective required

HTML & CSS
5

HI,

Welcome to Sitepoint :slight_smile:

The main issue is that your columns are 3px too big and therefore won’t fit side by side.

Reduce the width by 3px and then just shift one border on top of the other.

e.g.


#classes {
   [B] width:418px;[/B]
  [B]  float: left;
    position:relative;
    left:3px;[/B]
} 
#socials{
    width:422px;
    [B]margin-left:418px;[/B]
}

The other issue is “haslayout” (see faq) and can be fixed like this:


[B]
ul.daylist,ul.daylist li{min-height:0}
* html ul.daylist,* html ul.daylist li{height:1%;overflow:visible}[/B]