display:inline

display:inline virker faktisk fint i Firefox - så problemmet må ligge et andet sted. Prøv lige at smide lidt kode som viser problemmet.

Jeg det ville jeg også umidelbart mene, men det virker altså fint i IE..
Her er koden:

<table style="border:solid solid 1px #111;" cellspacing="0">
  <tr style="height:30px">
    <td class="varecol_1"><p class="vare_overskrifter">Billede</p></td>
    <td class="varecol_2"><p class="vare_overskrifter">Produkt</p></td>
    <td class="varecol_3"><p class="vare_overskrifter">Pris</p></td>
    <td class="varecol_4"><p class="vare_overskrifter">Funktioner</p></td>
  </tr>
  <tr>
    <td style="background:#f0f0f0" rowspan="3" valign="bottom"><p class="varer"><img src="produkt_billeder/754,01037.jpg" width="80" alt="" /></p></td>
    <td style="background:#f0f0f0"><p class="varer">754,01037</p></td>
    <td style="background:#f0f0f0" rowspan="3" valign="bottom"><p class="varer">12,75 kr.</p></td>
    <td style="background:#f0f0f0" rowspan="3" valign="middle" align="center">
    <p class="varer"><a href="java script:popUp('view_product.php?id=754,01037', '550')">Mere info</a>
      <form action="add.php" method="post">
        <input type="hidden" name="add_product" value="754,01037" />
        <input type="text" size="1" value="1" name="antal" />
        <input type="image" src="kurv_ikon.jpg" />
      </form>
      </p>
    </td>
  </tr>
  <tr>
    <td style="background:#f0f0f0" valign="bottom"><p class="varer">Avocado</p></td>
  </tr>
  <tr>
    <td style="background:#f0f0f0" valign="bottom"><p class="varer"><a href="java script:popUp('view_product.php?id=754,01037', '550')">Mere info</a></p></td>
  </tr>
</table>

---------

Og stylesheetet:
p.menu {
  font-family:verdana sherif;
  font-size:14px;
}
p.varer {
  font-family:verdana sherif;
  font-size:14px;
}
td.varecol_1 {
  width:85px;
}
td.varecol_2 {
  width:82px;
}
td.varecol_3 {
  width:55px;
}
td.varecol_4 {
  width:200px;
}
form {
  display:inline;
}

Ser mere ud til at være dit p-element lige før formen. P-elementer opfører sig ikke altid ligesom fx div-elementer gør - selvom de umiddelbart begge er block-elementer og virker ret ens. Du kan i hvert fald prøve at se forskellen hvis du skifter p ud med div:
div.varer {
  font-family:verdana sherif;
  font-size:14px;
}

og
<div class="varer"><a href="java script:popUp('view_product.php?id=754,01037', '550')">Mere info</a>
      <form action="add.php" method="post">
        <input type="hidden" name="add_product" value="754,01037" />
        <input type="text" size="1" value="1" name="antal" />
        <input type="image" src="kurv_ikon.jpg" />
      </form>
      </div>

Ok.. Det ser ud til at virke. Men hvad så hvis jeg vil have et p-element omkring det i stedet for div?

Pga. denne simple linie i standarden:
The P element represents a paragraph. It cannot contain block-level elements (including P itself).
Ja, "desværre" - men Mozilla går meget op i standarden, og den siger højt og tydeligt at p elementer ikke kan indeholde andre block-elementer. Nu ved du og jeg godt at form-elementer er blevet lavet om til et inline-element, men egentlig opfører den sig bare som et. I følge standarden er det selve form-elementet forbudt (ligesom et andet p-element) også selvom vi har fået den til at være et inline-element - det gør ingen forskel.

Så derfor bliver du nok nødt til at nøjes med div istedet..

Ok.. Tak for hjælpen og den gode forklaring!..
Smid et svar, så får du point :)

værgso' da :-)