Three seperate images along the header.

[FragaGeddon]

Trying to get three seperate images along the header.
This is what I have so far.
This sort of was the code I'm using for a single header image with 3 links, except I took out the background image from the imageheader and added 1 each to the rest of the code.

They just float next to each other and not the way I want them too.
One should be left aligned, one center, and the other right aligned.

#imagemapheader {
width: 1024px;
height:150px;
margin-top:0px;
display: block;   margin-left: auto;   margin-right: auto;
}

#club {
background-image: url(../images/Headerl.jpg);
background-repeat: no-repeat;
float: left;
position: absolute;
width: 238px;
height: 150px;
margin-left: 0px;
margin-top: 0px;
}

#ps {
background-image: url(../images/Headerc.jpg);
background-repeat: no-repeat;
float: center;
position: absolute;
width: 573px;
height: 150px;
margin-left: 274px;
margin-top: 0px;
}

#calander {
background-image: url(../images/Headerr.jpg);
background-repeat: no-repeat;
float: right;
position: absolute;
width: 164px;
height: 150px;
margin-left: 860px;
margin-top: 0px;