I would like to know if anyone has a method or a tutorial on creating CSS corners (using images), that wont break in IE. (im getting problems like extra space, incorrect pixel precision etc.)

It needs to work on a completely liquid layout. Id like to hear them. Thanks

you can place your rounded corners absolute with CSS, sorta like this:

HTML:

<div class="rounded">
<div class="Ltop"></div>
<div class="Rtop"></div>
<div class="Lbottom"></div>
<div class="Rbottom"></div>
</div>

CSS:

.rounded {
width: 300px;
height: 600px;
margin: 0;
padding: 0;
position: relative;
}
.Ltop {
width: 20px;
height: 20px;
background: url(images/Ltop.gif) top left no-repeat;
}
.Rtop {
width: 20px;
height: 20px;
background: url(images/Rtop.gif) top right no-repeat;
}
.Lbottom {
width: 20px;
height: 20px;
background: url(images/Lbottom.gif) bottom left no-repeat;
}
.Rbottom {
width: 20px;
height: 20px;
background: url(images/Rbottom.gif) bottom right no-repeat;
}

Ofcourse, you gotta edit imagepath, heigts, widths and colors, but I reckon you get the idea with this.

Take a look at following article:

http://www.webcredible.co.uk/user-fr...rs-boxes.shtml