This is driving me insane! I've always hated IE6, but it's not normally as bad as this.

When you scroll a tiny bit down the page IE6 just freezes, I have to force the program to quit.

Here is the HTML:

<div class="tabs">
        <ul class="tabNavigation">
            <li><a href="#first" class="selected">Website Design</a></li>
            <li><a href="#second" class="">Logo Design</a></li>
            <li><a href="#third" class="">Stationery / Graphics</a></li>
        </ul>
        <div id="first" style="display: block;">
        <h3 class="title2" id="titleWebDesign"><b>Website Design</b></h3>
        <div class="borderTop"/>
        <div class="infoBoxWidth gallery">
          <div class="borderOuter">
            <div class="infoBox borderInner">
            
                <div class="client"><a class="galleryThumb" title="www.bridienelson.com" href="image/clientGallery/websiteDesign/clientImgBridie.jpg"><img src="image/clientTip.png" class="clientTip" style="display: none;"/><img src="image/clientTip.png" class="clientTip" style="display: none;"/>
                    <img height="120" width="290" alt="Click to enlarge" src="image/clientGallery/websiteDesign/clientThumbBridie.jpg"/></a>
                  <p><a target="_blank" href="http://www.bridienelson.com">www.bridienelson.com</a></p>
              </div>
                
          <div class="client right">
                    <a class="galleryThumb" title="www.mrphotography.biz" href="image/clientGallery/websiteDesign/clientImgMrphotography.jpg">
                    <img height="120" width="290" alt="Click to enlarge" src="image/clientGallery/websiteDesign/clientThumbMrphotography.jpg"/></a>
                <p><a target="_blank" href="http://www.mrphotography.biz">www.mrphotography.biz</a></p>
                </div>
                
  <div class="client">
                    <a class="galleryThumb" title="www.duracrete.co.uk" href="image/clientGallery/websiteDesign/clientImgDuracrete.jpg"><img src="image/clientTip.png" class="clientTip" style="display: none;"/>
                    <img height="120" width="290" alt="Click to enlarge" src="image/clientGallery/websiteDesign/clientThumbDuracrete.jpg"/></a>
                <p><a target="_blank" href="http://www.duracrete.co.uk">www.duracrete.co.uk</a></p>
                </div>
                
          <div class="client right">
                    <a class="galleryThumb" title="www.acoletti.co.uk" href="image/clientGallery/websiteDesign/clientImgAcoletti.jpg">
                    <img height="120" width="290" alt="Click to enlarge" src="image/clientGallery/websiteDesign/clientThumbAcoletti.jpg"/></a>
                <p><a target="_blank" href="http://www.acoletti.co.uk">www.acoletti.co.uk</a></p>
                </div>
 
          <div class="client">
                    <a class="galleryThumb" title="www.istahealth.com" href="image/clientGallery/websiteDesign/clientImgIsta.jpg">
                  <img height="120" width="290" alt="Click to enlarge" src="image/clientGallery/websiteDesign/clientThumbIsta.jpg"/></a>
                <p><a target="_blank" href="http://www.istahealth.com">www.istahealth.com</a></p>
                </div>
                
          <div class="client right">
                    <a class="galleryThumb" title="www.aspect-construction.co.uk" href="image/clientGallery/websiteDesign/clientImgAspect.jpg">
                    <img height="120" width="290" alt="Click to enlarge" src="image/clientGallery/websiteDesign/clientThumbAspect.jpg"/></a>
                <p><a target="_blank" href="http://www.aspect-construction.co.uk">www.aspect-construction.co.uk</a></p>
              </div>
                
<div class="advert">
                    <a title="Order a website like this for your own business" href="contact.php">
                    <img height="120" width="290" alt="Order a website like this for your own business" src="image/clientAdvert.jpg"/></a>              </div>
                
            </div>
          </div>
        </div>
        <div class="borderBtm"/>

        </div>
        <div id="second" style="display: none;">
          <h3 class="title2" id="titleLogoDesign"><b>Logo Design</b></h3>
          <div class="borderTop"/>
            <div class="infoBoxWidth gallery">
              <div class="borderOuter">
                <div class="infoBox borderInner">
                  <div class="client"><a class="galleryThumb" title="Ista Health Logo" href="image/clientGallery/logoDesign/clientImgIsta.gif"> <img height="120" width="290" alt="Click to enlarge" src="image/clientGallery/logoDesign/clientThumbIsta.gif"/></a>
                    <p><a target="_blank" href="http://www.istahealth.com">www.istahealth.com</a></p>
                  </div>
                  <div class="client right"> <a class="galleryThumb" title="Bridie Nelson Logo" href="image/clientGallery/logoDesign/clientImgBridie.gif"> <img height="120" width="290" alt="Click to enlarge" src="image/clientGallery/logoDesign/clientThumbBridie.gif"/></a>
                    <p><a target="_blank" href="http://www.bridienelson.com">www.bridienelson.com</a></p>
                  </div>
                  <div class="client"><a class="galleryThumb" title="Acoletti Typography" href="image/clientGallery/logoDesign/clientImgAcoletti.gif"> <img height="120" width="290" alt="Click to enlarge" src="image/clientGallery/logoDesign/clientThumbAcoletti.gif"/></a>
                    <p><a target="_blank" href="http://www.acoletti.co.uk">www.acoletti.co.uk</a></p>
                  </div>
                </div>
              </div>
            </div>
            <div class="borderBtm"/>

          </div>
        <div id="third" style="display: none;">
          <h3 class="title2" id="titleStationery"><b>Stationery</b></h3>
          <div class="borderTop"/>            
            <div class="infoBoxWidth gallery">
              <div class="borderOuter">
                <div class="infoBox borderInner">
                  <div class="client"><a class="galleryThumb" title="Freshbeat Business Card" href="image/clientGallery/stationeryGraphic/clientImgBusCardFresh.jpg"> <img height="120" width="290" alt="Click to enlarge" src="image/clientGallery/stationeryGraphic/clientThumbBusCardFresh.jpg"/></a>
                    <p><a target="_blank" href="http://www.freshbeat.co.uk">www.freshbeat.co.uk</a></p>
                  </div>
                  <div class="client right"> <a class="galleryThumb" title="Ista Health Business Card" href="image/clientGallery/stationeryGraphic/clientImgBusCardIsta.jpg"> <img height="120" width="290" alt="Click to enlarge" src="image/clientGallery/stationeryGraphic/clientThumbBusCardIsta.jpg"/></a>
                    <p><a target="_blank" href="http://www.istahealth.com">www.istahealth.com</a></p>
                  </div>
                <div class="client"> <a class="galleryThumb" title="Freshbeat Letterhead" href="image/clientGallery/stationeryGraphic/clientImgLetterFresh.jpg"> <img height="120" width="290" alt="Click to enlarge" src="image/clientGallery/stationeryGraphic/clientThumbLetterFresh.jpg"/></a>
                    <p><a target="_blank" href="http://www.freshbeat.co.uk">www.freshbeat.co.uk</a></p>
                  </div>
                <div class="client right"> <a class="galleryThumb" title="Ista Health Powerpoint Front Page" href="image/clientGallery/stationeryGraphic/clientImgPPIsta1.jpg"> <img height="120" width="290" alt="Click to enlarge" src="image/clientGallery/stationeryGraphic/clientThumbPPIsta1.jpg"/></a>
                    <p><a target="_blank" href="http://www.istahealth.com">www.istahealth.com</a></p>
                  </div>
                  <div class="client"> <a class="galleryThumb" title="Ista Health Powerpoint Sub-Page" href="image/clientGallery/stationeryGraphic/clientImgPPIsta2.jpg"> <img height="120" width="290" alt="Click to enlarge" src="image/clientGallery/stationeryGraphic/clientThumbPPIsta2.jpg"/></a>
                      <p><a target="_blank" href="http://www.istahealth.com">www.istahealth.com</a></p>
                  </div>
                  </div>
              </div>
            </div>
            <div class="borderBtm"/>           
      </div>
    </div>

    
.gallery img {
    margin:0;
    border:none !important;
    float:none;
}

.gallery .client, .gallery .advert {
    margin:0 10px 10px 0;
    float:left;
    width:290px;
    position:relative;
}

.gallery .right, .gallery .advert {
    margin-right:0;
    border:none;
}

.gallery .advert {
    float:right;
}

.gallery p {
    margin:0;
}

.gallery p a {
    padding:3px 5px 5px;
    display:block;
    text-align:right;
    background:url(../image/clientLink.jpg) no-repeat center 100%;
    color:#FFF;
}

.gallery p a:hover {
    background-image:url(../image/clientLinkHover.jpg);
}

.gallery .client .clientTip {
    position:absolute;
    right:10px;
    top:10px;
    display:none;
    color:#FFF;
    border-bottom:#b5f653 solid 1px;
}

I'm certain that the problem is somehow related to the class "gallery" on the divs.

If I take this class out, then the page loads properly. However I cannot do that as it then loses all of the formatting.

I've tried several different solutions, one of which involved painstakingly making loads of different classes in the CSS and applying them in the HTML (e.g. having a separate class for the <img> and <a> tags etc. within each div with the class 'client') which seemed to be working until... IE6 decided to crash once more.


I've even tried it on another laptop in the house and had the same problem.

Does anyone know of a way around it?? Even if I can just set IE6 to have none of the functionality thats available in the other browsers, just so long as it stops crashing!!!

Never mind, I've just hidden the thumbnails in IE6 and replaced it with one flat image... that'll do for now I think.

Curse ie6 and everything Microsoft related!

Are you sure it's not the scripts causing the lockup ?

I tried removing the scripts but the problem still persisted!

I think it may have something to do with me having so many nested div's, I'll have to try simplifying the code and see how that works

Turns out it was the scripts in the end! I was sure I'd tried it without all of them though. Still, I had to do loads of messing around just to get IE6 to output an actual error message instead of just freezing straight away!

Thanks.

YES! Same thing happens to me, all the time. I got fed up with it and switched to Mozilla. never been so frustrated with any software like that before.

You do have a fair case of div-itis going on in that layout. Simplifying it wouldn't hurt a bit.

Can't we find a way to force everyone to upgrade to at least IE7? :-)