need .css help with this - anyone wanna take a stab?

[TeleFragger]

Ok so i am 48 and decided that my job is holding me back from making more $$$$.. its there.. in my grasp so im going to get a degree.. ive posted about this about 3-4y ago but quit as was too much. now that my kids are older.. got 1 in college, job, etc.. so i dont have as much on my plate. anyway im a few classes in and this class has been interesting.

my current assignment is 90% done, i just cant figure out the last fricken part...

zip file attached....


there is a website, with a map and you hover over the 6 stars.. when you do, readable stuff shows up under it. I have that working, but they are like in 6 blocks.. you hover over first and it shows, hover over 2nd and its hows hiding first but down page a bit.. thus when you get to 4 or 5 or 6, its off the page and if you scroll your no longer highlighting.

im going to send an email to the professor tomorrow that I cant figure it out. they give you all the files, then tell you what to do as the .css is blank and you do as they say. its straight forward... you read it, go do it.. simple.. but the last bit has me lost..

so... thoughts?
im thinkin its down by 12 or 13.. im forgetting something..

@charset "utf-8";

/*
   New Perspectives on HTML5 and CSS3, 8th Edition
   Tutorial 3
   Case Problem 2

   Layout Style Sheet for A Soldier's Scrapbook

   Filename: ss_layout.css

*/


/* Article Styles */
article
    {
    float:left;
        width: 384px;
}

/* First Line and Drop Cap Styles */
article> p:first-of-type:first-line
    {
        font-size:1.25em;
        font-variant:small-caps
    }

article> p:first-of-type:first-letter
    {
        font-size:4em;
        font-family:serif;
        float:left;
        line-height:0.8em;
        margin-right:5px;
        margin-bottom:5px;
    }

/* Aside Styles */
aside
    {
        width:768px;
        float:left;
    }

/* Map Styles */
div#battleMap
    {
        width:688px;
        margin:20px    auto;
        position:relative;
    }

img#battleMap
    {
        display:block;
        width:100%;
    }

/* Interactive Map Styles */
a.battleMarkers
    {
        position: absolute;
    }

a#marker1
    {
        top: 220px;
        left: 340px;
    }

a#marker2
    {
        top: 194px;
        left: 358px;
    }

a#marker3
    {
        top: 202px;
        left: 400px;
    }

a#marker4
    {
        top: 217px;
        left: 452px;
    }

a#marker5
    {
        top: 229px;
        left: 498px;
    }

a#marker6
    {
        top: 246px;
        left: 544px;
    }

/* Map Information Styles */
div.mapInfo
    {
        visibility: hidden;
    }

a.battleMarkers:hover + div.mapInfo
    {
        visibility:visible;
        display:block;
    }

[TeleFragger]

so my professor said..

YOUR CODE:
/* Map Information Styles*/
div.mapInfo
{
visibility: hidden;
}

a.battleMarkers:hover + div.mapInfo
{
visibility:visible;
display:block;
}


CORRECT CODE:
/* Map Information Styles */

div.mapInfo {
display: none;
}

a.battleMarkers:hover + div.mapInfo {
display: block;
} YOUR CODE:
/* Map Information Styles*/
div.mapInfo
{
visibility: hidden;
}

a.battleMarkers:hover + div.mapInfo
{
visibility:visible;
display:block;
}


CORRECT CODE:
/* Map Information Styles */

div.mapInfo {
display: none;
}

a.battleMarkers:hover + div.mapInfo {
display: block;
}