1 Round Corner

[JordanRRR]

I have no prior knowledge of round corners. All I wanted is one round corner in the top left. The way I went about doing it was have one DIV be just a box. The other DIV contained the image to make it round. I moved the box using margin properties to make it work. I don't know if that is the right way to do it but my problem is that it doesn't work in IE but does in FireFox etc.. The example would be located here...

http://www.angelfire.com/planet/jordan89r/index.html

[matches]

This should work.

After reading you post again I realized that I should be more descriptive. You of course need to make a rounded corner in Fireworks, PS, etc. Create a div that has the same background color as your corner image. Then place the img tag below in that div.

.topLeft{
position:absolute;
left:0px;
top:0px
}

<img class="topLeft" src="blah.blah">

Just occurred to me that maybe a background image may be better. Maybe someone can chime in with their opinion. In anycase:

div{
background-image: 
url('blah.blah');
background-repeat: no-repeat;
background-position:  left; 
}

Hope this is actually helpful

[PMichaud]

I'd do the background image thing, but you'll run into problems trying to do that if you also want a border around the div. The border will extend past the rounded corner and look weird.