How do I make my CSS work with admin bar?

I am usng the following CSS to position some lefts in the top left corner of my site (they’re login/logout/profile type links):

my-links {
    height: 20px;
    position: fixed;
    right: 1%;
    top: 1%;
}

They’re unobtrusive, but always on screen for user access (hence the fixed position).

They are covered by the admin toolbar when viewing the site logged in.

Is there any esasy way to keep the principle of having them on screen, in the same position, but move down relative to the admin toolbar (like all of the other site content does)?

Thanks, JRH.