als je deze site bekijkt in IE:

http://www.productervaring.nl/telefo...kia/n73-33033/

dan zie je dat er serieus wat mis is met de borders! (van de vakjes zelf)

de code van 1 vakje:

Code:

<div class="ervaring" id="aErvaring"> 
 <h3> test</h3>
 <p class="teken">O</p>
 <p class="reactie">
 blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla                  
 </p>
 <p class="teken"> O </p>
 <p class="reacties">
 blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla
 </p>
 <p class="rdetails">
  <p class="fleft">Text</p>
  <p class="fright">Joepie</p>
  <br class="clear" />
 </p>
</div>

css:

Code:

.ervaring {
    border: 1px solid #d2c39c;
    padding: 3px 8px;
    margin: 0 0 8px;
}
.ervaring h3 {
    font-size: 10px;
    color: #8f7d54;
    margin: -3px -8px;
    padding: 5px 8px;
    background: #f9f3e3;
}                                                               
.teken {
    width:20px;
    float:left;
    clear:both;
    padding: 1em 5px 0 0;
    margin:0;
    text-align:center;
}
.reactie,.reacties {
    float:left;
    width:500px;
    padding: 1em 0 0 0;
    margin:0;
}
.reacties {
    padding: 1em 0;
}
.fleft {
    float:left;
    margin:0;
    width:150px;
}
.fright {
    float:right;
    margin:0;
    width:360px;
    text-align:right;
}
.rdetails {
    border-top:1px solid #d2c39c;
    padding:3px;
    margin:0;
    clear:both;
}

in IE6 zie ik niet veel
(tenzij een kleine verschuiving rechts boven onder het zoekvlak ? )

jah het probleem is eigenlijk opgelost, je zal het dus niet meer kunnen zien.
het had met de gefloate <p>'s te maken, deze zijn weggedaan, en toen was plots de border gemaakt...

conclusie:
<p>'s zijn niet zo goed om de opmaak mee te doen (wat positionering betreft), neem beter <div>'s, maar p's zijn natuurlijk wel beter voor SEO

Het probleem zat wsl in het feit dat IE zijn paddings + margins standaard anders heeft ingestelt dan de andere browsers. :-)