Problème avec Affix / Bootstrap twitter

Bonjour tout le monde !

Déjà un petit mot pour fêter mon premier post sur Alsacréations ...

Et enfin voilà mon problème :

Je suis en train de développer mon Portfolio et je bloque sur un problème avec la fonction affix, pour tout dire ça fait deux ans que j'ai pas touché au html css javascript et j'ai plutôt perdu mes bases. Le site, là où j'en suis est à cette url : http://www.okowise.com/portfolio/

Et mon soucis se trouve dans l'assemblage Logo + Menu lors du Scrolldown, lors de la descente, tout se passe bien, mais à la remonter le logo ne se remet pas comme à l'origine, et là ... c'est à vous de jouer !

Voilà le html de la partie qui pose problème :

<!-- SIDEBAR -->
<div class="aside">  
    <div class="logo affix-top" data-spy="affix" data-offset-top="230"><img src="img/logo.png"></div>
    <div class="menu affix-top" data-spy="affix" data-offset-top="220">
        <ul>
            <li class="top"><a href="">Graphisme</a></li>
            <li><a href="">Web</a></li>
            <li><a href="">Print</a></li>
            <li class="top"><a href="">Photos</a></li>
            <li><a href="">People</a></li>
            <li><a href="">Paysage</a></li>
            <li><a href="">Montages</a></li>
        </ul>
    </div>
</div> 
<!-- /SIDEBAR -->

Et la partie CSS :

.aside {
  width: 220px;
  /*[empty]margin:;*/
  height: 0px;
}

.logo .affix-top {
  position: relative;
  top: 25px; 
  left: 25px;
  width: 220px;
  height: 220px;
}

.affix img {
    position: fixed; 
    top: 25px; 
    left: 25px;
    width: 80px;
    height: 80px;
}

.menu .affix-top {
  position: relative;
  margin: 50px 0 0;
  font-family: Oregano, cursive;
  text-transform: uppercase;
  text-decoration: none;
  color: #333;
}

.affix {
    position: fixed; 
    top: 30px; 
    left: 140px;
}

Voilà merci d'avance pour vos réponses


Oko