Rozmieszczenie zawartości belki

[Przem4S]

Witam mianowicie, nie potrafię ułożyć odpowiednio zawartości belki, z niewiadomych mi przyczyn logo które zamieszczam zajmuje obszar całej zawartości belki. Wygląda to tak:



Szerokość strony: 980px.

CSS:

/*
Górna belka
*/

#gorna_belka {
height:48px;
width:100%;
background:url('images/belka.png') repeat-x;
}

#zawartosc_belki {
width:980px;
margin:0 auto;
}

.logo {
background:url('images/logo.png') no-repeat;
height:48px;
}

HTML:

<div id="gorna_belka">
<div id="zawartosc_belki">
<a href="#"><div class="logo"></div></a>
<a href="#">Odnośnik 2</a>
<br>
</div>
</div>

Pomożecie?

[Kartofelek]

Ja to pewnie bym dał albo
float:left dla logo;
albo
position:absolute; top... left.... dla logo, a dla górnej belki position:relative;

I szczerze wolałbym to drugie, bo jest o wiele lepsza manipulacja.

Ale ja tam nie wiem. Ja tu tylko sprzątam.

[Przem4S]

[Kartofelek]

1) .login {height:20px;} /* nie 25 */
2) co do IE to nie chce mi sie sprawdzac, bo jestem leń, ale może zobacz z margin-right dla panelu. Jeżeli to to, to daj _margin-right:1px czy podobne

---

Swoją drogą jest fajnie, ale daj bardziej widoczne te pola tekstowe, bo na laptopach prawie nie widać

[Przem4S]

[Kartofelek]

"css best clearfix". Masz zajebistego w boilerplate Paula Irisha. Albo overflow:hidden, ale ten nie zawsze pasuje.

[Przem4S]

Właśnie nie wiem jak zastosować tego clearfix'a zawsze robiłem tabelę, ale to już za mną :/

EDIT: Poradziłem sobie już ze wszystkim w css, dzięki za pomoc