Obtékání odstavců

Zdravím,
procházel jsem diskuze abych se neptal na to samé jako už někdo, ale stejně jsem stejný problém nenašel (určitě ho ale někdy už někdy řešil nebo možná ne, prootže je to podle mě úplná triviálnost).

Mám problém s obtékáním odstavců


<div id="program">
<p class="datum">3.4.</p><p class="interpret">The Prodigy</p>
</div>

p.datum{
background: white;
width: 80px;
color: black;
padding-left: 55px;
line-height: 30px;
float: left;
}

p.interpret{
background: red;
width: 400px;
line-height: 30px;
}

a potřeboval bych aby ty dva odstavce byly vedle sebe, bez jakkékoliv mezery. Stále se mi to nedaří a už opravdu nevím jak dále, rozdíl samozřejmě v IE a Firefoxu

Děkuji za odpovědi