I have sort of a rounded corners deal going on. Before the design was all fixed width so I was able to just have one image for the top and bottom, but now I am switching over to percentages, so I need the corners seperate. The problem is that the top line doesnt go over far enough and the right corner gets shoved down.

here is my CSS:

#top{

    min-width: 40%;
    max-width: 70%;
    height: 40px;

}
#tlc{
    height: 40px;
    width: 61px;
    background: url(images/tlc.gif);
    float: left;
}
#hl{
    height: 40px;
    background: url(images/hl.gif);

}
#trc{

    height: 40px;
    width: 35px;
    background: url(images/trc.gif);
    float: right;

}

Top is the container that the whole top peice is in. tlc is the top left corner, hl is the horizontal line nad trc is top right corner.

Here is the HTML:

    <div id="top">
    
        <div id="tlc">
        </div>
        <div id="hl">
        </div>
        <div id="trc">
        </div>
        
    </div>

Here is the page its on: http://helmgames.com/redesign/index.php

annnnd finnaly here is a screenshot comparison of what it looks like, and what its supposed to look like: http://helmgames.com/random/compare.gif

You could try this method for rounded corners:
http://www.html.it/articoli/niftycube/index.html

Or.. you can check this for other methods:
http://www.smileycat.com/miaow/archives/000044.html

"I have sort of a rounded corners deal going on."

Keyword, Sort Of

look at the picture (at the bottom of my post) to see what I mean. the lefthand side to be specific. As far as I know you need images to do that.

K, the left hand side would require an image, you're right about that.

Ya I know, but that doesnt solve my problem

Then you need to look at the rounded corner articles from that 2nd link that specifically address liquid layouts.

I already know how to make rounded corners....

Whatever your not really helping at all il just figure it out myself

First off, dont talk to ladynred like that you moron, second. make the corners in photoshop and apply them as backgrounds in the div and it will look fine just like mine, www.karmaguild.net/hound

My point was that there were examples of rounded corners, with images in LIQUID LAYOUTS. If you're not willing to look at the coding in those examples, then I can't help you.