instead of float??

[essjay_d12]

I have a header which is 760px wide. Within that I am tryin to display two images logo.jpg(H=74 W=305) and 2.gif (H=73 W=400)

I want the logo.jpg to be left justified of the header and the 2.gif to be right justified of the header.

I tried this... but it doesnt display correctly

[code]
<div id="header">

<img src="images/logo.jpg" width="305" height="74" alt="logo" border="0" />
<h1><img src="images/2.gif" width="400" height="73" alt="2" border="0" /></h1>

</div>
[/code]

[code]
#header{

width: 760px;
height: 76px;
background: #EDF2F6;

}

h1{
        float: right;
}
[/code]

How do I do this successfully?

thanks d

[ToonMariner]

[code]
<div id="header">
<img src="images/logo.jpg" id="left" width="305" height="74" alt="logo" />
<img src="images/2.gif" id="right" width="400" height="73" alt="2" />
</div>
[/code]

[code]
#header{

width: 760px;
height: 76px;
background: #EDF2F6;

}

#header #left
{
float: left;
}

#header #right
{
float: right;
}
[/code]