My layout goal is rounded corners. I'm attempting to do it by positioning divs in the corners of the containing div. It works fine in every browser I've checked, except IE6, in which only the bottom divs sit a few pixels off the bottom of the containing div. Any ideas?

http://sifaka888.x10hosting.com/mich...cked_div3.html

<style type="text/css">

div.topleft{
    /*position top left corner*/
    display:block;
    position:absolute;
    top: 0px;  left: 0px;
    width:67px;
    height: 67px;
    }

  div.topright{
    /*position top right corner*/
      display:block;
      position:absolute;
      top: 0px;  right: 0px;
      width:67px;
        height: 67px;
      }

div.botright{
    /*position bottom right corner*/
    display:block;
    position:absolute;
    bottom: 0px;
    right: 0px;
    width:67px;
    height: 67px;
    }


div.botleft{
    /*position bottom left corner*/
    display:block;
    position:absolute;
    bottom: 0px;  left: 0px;
    width:67px;
    height: 67px;
    }

#div4 {
/*place text over divs*/
position:relative;
z-index: 2;
}

<div class="topleft">
  <img src="top_left.jpg" height= "67" width="67" alt="pic">

</div>

<div class="topright">
  <img src="top_right.jpg" height= "67" width="67"alt="pic">

</div>

<div class="botright">
  <img src="bot_right.jpg" height= "67" width="67"alt="pic">

</div>

<div class="botleft">
  <img src="bot_left.jpg" height= "67" width="67"alt="pic">

</div>

Thanks,
Matt

remove the "white space" after the closing tag of #div4

Hello again Chris, I took out the whitespace, and it didn't work. I put in some IE hacks (I'm not sure about). My code validates, but is it right? Do you have any ideas?
Is there a tried and proven method of handling layout like this that you would recommend? Here is the updated page:
http://sifaka888.x10hosting.com/mich...cked_div9.html
Thanks,
Matt