Google type footer

I’m trying to create a footer that’s similar to the Google border on top with the “Web Images Videos Maps News Shopping,etc more ▼” liquid links floating left and right. What I came up with is:

#footer {
border-top:1px solid #DDDDDD;
padding:10px;
position:absolute;

that moves the footer all the way to the left of the page like I want it but the border doesn’t repeat x.

and for the links inside the footer I’m using a div class “float:left” for the part in the left and “text-align:right” or “float:right” for the links that should float right. Porblem here is, the links in the right don’t squeeze in when I make the window smaller, instead the scroll bar appears.

Any suggestions please?