Need help with coding Options

[TigerStrike]

I am having an issue, and I am unsure if I type the code correctly as the directions says to do it.

Here is what it said to do:

a. links should be 1em sans-serif font with padding of 5 and 10 pixels and margins of 0 0 1 pixels
(hint: use shorthand properties); the right border should be 5 pixels and color #ff1828

b. when user hovers over a link, the right border should be style double with 5 pixels in white

c. At start-up, there should be no display of text beneath any of the three images of pasta; use the <span></span> tags to control the display text pop-up upon the hovering; position the block of text as absolute with a top margin of 220 pixels and left margin of 550 pixels; the width of the block should be 180 pixels at a minimum, depending on how much text you find in your research; use padding of 5 pixels and margins of 10 pixels; the text should be white on a black background.

____________________________________________________________________

This is what i put:

<div id="links">

a:links
{
font: 1em "sans-serif";
padding: 5px 10px;
margin: 0px 0px 1px;
border-right: 5px;
color: #ff1828;
}

a:hover
{
border-right-stlye: double;
5px;
border-right-color:white ;
}

display
{
position: absolute;
top-margin: 220;
left-margin: 550;
width: 180px
}




-->
</style>

____________________________________________________________

What I am trying to do:
When a visitor hover over a image, it should show the text in white with black background about the the good that the visitor hover over.


What could I be doing wrong?

[Darin McGrew]

The W3C CSS Validation Service reports errors in your CSS.

[Monk112]

Can you show me the webpage you're using? I think I see the problem, when I see what's actually happening I'll know whether I'm right or wrong.