CSS: Länk i div och margin-top

Hej, pysslar med en grej jag håller på att få dåndippen av.

Grejen är att en massa id:s är nästlade, detta är ett resultat av Visual Studios MVC-solution-template och att vi här på jobbet mest sitter och slänger ihop en prototyp. Vissa saker som CSS:en har blivit lidande men en sak fattar jag inte.

<div id="header">
            <div id="wrapper">
                <div id="logo">
                    <img alt="blabla" src="<%= Url.Content("~/Content/blablabla") %>" />
                </div>
                <div id="title">
                    <h1><a href="<%= Url.Content("~/Home/Index") %>">Namn</a></h1>
                </div>
            </div>

...
</div>

CSS:

div#wrapper
{
	clear:both;
}

div#logo
{
	display: block;
	float: left;
	padding: 5px;
}

div#title
{
    display:block;
    float: left;
    text-align:right;
    margin-top: 34px /* Här krånglar det */
}

För att få ner texten (title) till samma nivå som loggans underkant tänkte jag putta ner den med hjälp av margin-top. Det funkar i IE men i FF lägger sig själva länken inte på texten, utan några pixlar ovanför i tomma intet! Jag fattar noll, var gör jag fel? Tar jag bort margin-top hamnar texten högre upp men länken lägger sig rätt.

Jag är medveten om att koden lever i för-många-div-helvetet men det får vara så just nu, jag vill mest få länken att lägga sig PÅ texten, inte flyta runt i limbo.

Tack på förhand!

Det verkar ha nåt med line-height att göra ja, problemet är bara att hur jag än ändrar hamnar inte länken PÅ texten utan någonstans ovanför eller under.

#header h1
{
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    border: none;
    line-height: 2em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 32px !important;
    color:#5c87b2;
}

Det löste sig. Pinsamt nog var det en helt annan div som hade width: 100% som lade sig ovanpå halva länken och gjorde att det som låg under inte gick att klicka på.