Liquid layouts and borders

I am having problems with a liquid layout and borders, causing elements to overflow.

Here is a jfiddle with the exmaple of the page with no borders (works fine): http://jsfiddle.net/eRaB5/1/
Now here is an example of what I want to happen, but it breaks. http://jsfiddle.net/eRaB5/2/

The structure is somewhat like this:

<div id="container">
    <label>Label</label><input type="text' />
</div>

#container{width: 100%;}
label{width: 25%;}
input{width: 75;}

I need the values to add up to 100% so the left and right edges align. Only the borders on the input make the input widths effectively width: 100% +2px;

Is there any way around this problem using just CSS?

Solution

Negative margins

You can try by setting negative margins:

margin: -1px;

I've changed them on your jsFiddle and textboxes did jump right of label.