I have a simple webpage with a two divs in a container div.

```
<div id="container">
  <div id="left"></div>
  <div id="right"></div>
</div>

#container {
  height: 50px;
  width: 100%;
}

#left, #right {
  float: left;
  height: 100%;
  line-height: 100%;

}

```

Both are side by side, don't need to expand with content because content doesn't fill the divs, but the divs need to have the same amount of padding and fill the #container div. *I wasn't clear before, but both divs need to have same padding, but different widths. One will contain a name, and the other an e-mail address, so the second is much longer.*

I can't get it so that the divs fill the width of the container div. There is a space after the #right div. 

Also, everything is based on percentages, not a fixed layout, CSS only.

It seems simple, so can someone point me in the right direction?