jquery / css Problem

[chaos_pueppi]

Huhu,
mein Problem ist es, dass ich meinen Menupunkt nach oben verschieben will, jedoch weder mit padding noch margin vorwärts komm. Das Problem ist, dass sobald ich einen der Werte verändere sich der darunter liegende div verschiebt...

Hat jemand eine Idee wie man das besser mit jquery bzw. in der css umschreiben kann?

Hier man der Code:

JavaScript/Html:

<div id="menu">
    <ul>
        <li id="kontakt"> <a href="index.php?site=kontakt" title="Kontakt"> </a> 
            <script type="text/javascript">
                $(document).ready(function(){
                   $("#kontakt").hover(
                        function(){
                            $(this).stop().animate({ paddingTop:"10px"},200);},
                        function() {
                            $(this).stop().animate({ paddingTop:"15px"});}
                    );
                });
            </script>
        </li>
</ul>
</div>

und das die css:

#menu{
}
#menu ul{
    list-style:none;
    margin:0;
    padding: 5px 0 0 0;
    text-align:center;
}
#menu li{
    display:inline-block;
    padding:15px 0 0 0 ;
}
#menu a{
    font-family: 'Cabin', arial, serif; 
    text-decoration:none;
    color:#000;
    font-size:0.8em;
    font-weight:bold;
    padding: 5px;

}
#kontakt {
    background-image:url(img/brief.png);
    background-repeat:no-repeat;
    min-height:22px;
    min-width:38px;
}

Ich bedanke mich schon mal"

Lg Kaddi

 

[fexx]

AW: jquery / css Problem

Bitte kostenlos registrieren, damit du die Links siehst.

so vielleicht?

 

[chaos_pueppi]

AW: jquery / css Problem

Sooo ich habs Problem gefunden!

Und zwar hab ich die #Menu auf position:static gesetzt
und die id #kontakt auf relative um sie mit top nach oben zu verschieben!

Danke für die Hilfe und die Siete zum testen ist super!

Lg Kaddi