Why is it not possible to move images with my css code?

[athena1234]

I wanted to have a navigation bar with images but it seems impossible to position the images in the navigation bar. Iused two images and even though I used the same code, the second one doesn´t move. I also tried changing the positions to absolute and relative, but nothing changed for the second image.

This is my code in css:

.topnav { 
    background-color: #b3e0ff; 
    color: #ffffff; 
    height: 8%; 
    padding-bottom: 20px; 
    margin-top: 10px; 
    margin-left: 150px;
    margin-right: 150px; 
    margin-bottom: 0px;
    width: 1200px; 
    position: sticky; 
    top: 0; 
} 
 
.topnav a { 
    list-style: none; 
    display: inline-block; 
    float: left; 
    text-decoration: none;
    text-align: center; 
    font-size: 25px; 
    font-family: arial; 
    color: #ffffff; 
    padding: 25px 60px;
    padding-bottom: 25px; 
    word-spacing: 10px;
} 
 
.GriechischeFlagge img { 
    width: 40px;    
    height: 35px; 
} 
 
.GriechischeFlagge a { 
    top: -55px; 
    left: 15px;
    display: inline-block; 
    position: sticky;
} 
 
.Warenkorb img { 
    width: 65px; 
    height: 65px; 
} 
 
.Warenkorb a { 
    top: -55px;
    left: 35px; 
    display: inline-block; 
    position: sticky; 
}

[dev7060]

I believe because of positioning. Maybe provide the minimal code for the other party to be able to reproduce the same result.