i have a website which i'm in the process of putting together, and have a div i want to add rounded corners to. i can add the corners ok, but when i also try to put the borders on, i can't do it. i have 5 images t (for the top border) l (for the left border) b (for the bottom border) tl (for the top left corner) bl (for the bottom left border) i can find a way of putting the corners and top and bottom borders on the div, but not for the left border, it doesn't like it, anyone know what i'm doing wrong? the page is at http://www.nikujaga.streamlinenettrial.co.uk
Use <div id="main"> <div id="tl"></div> <div id="t"></div> <div id="title" style="background:url(images/l.gif) repeat-y; margin-left:0; padding-left:15px"> <div style="background:#808080; height:10px"></div> </div> <div id="story" style="background:url(images/l.gif) repeat-y; margin-left:0; padding-left:15px"> <a class='link' href='articles.php?id=4'><b>Webgest Number 1</b><br>This is Webgest Number 1</a><br><br><a class='link' href='articles.php?id=3'><b>Nikujaga open for business</b><br>An introduction to Nikujaga, the best place to feed your hunger for technology news.</a><br><br><a class='link' href='articles.php?id=2'><b>Title 2 goes here</b><br>Summary 2 goes here</a><br><br><a class='link' href='articles.php?id=1'><b>Title 1 goes here</b><br>Summary 1 goes here</a><br><br> </div> <div id="bl"></div> <div id="b"></div> </div> HTML: You may want to get rid of the inline-styles...