imagen al pasar por link

[laszarzitas]

Hola emprear, ahí va el código CSS, ya sé que todo está en los libros y en internet!!

* {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; outline: 0
}
HTML {
WIDTH: 100%
}
BODY {
WIDTH: 100%
}
BODY {
background-image: url('fondo_1.gif'); FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
#menu {
FONT-SIZE: 0.7em; font-weight: bold; MARGIN: 20px; WIDTH: 30px; TEXT-ALIGN: center
}
#menu UL {
LIST-STYLE-TYPE: none
}
#menu UL LI.nivel1 {
WIDTH: 162px
}
#menu UL LI.primera {
BORDER-TOP: #fff 1px solid
}
#menu UL LI A {
BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #fff 1px; DISPLAY: block; PADDING-LEFT: 8px; PADDING-BOTTOM: 8px; BORDER-LEFT: #fff 1px solid;
COLOR: #fff; PADDING-TOP: 8px; BORDER-BOTTOM: #fff 1px solid; POSITION: relative; background:#fff url(boton_1a.gif); TEXT-DECORATION: none
}
#menu UL LI:hover {
COLOR: #000; POSITION: relative; BACKGROUND-COLOR: #f93
}
#menu UL LI A:hover {
COLOR: #000; POSITION: relative; BACKGROUND-COLOR: #f93
}
#menu UL LI:hover A.nivel1 {
COLOR: #0000; POSITION: relative; background: url(boton_1b.gif);
}
#menu UL LI A.nivel1 {
DISPLAY: block! important; POSITION: relative
}
#menu UL LI UL {
DISPLAY: none
}
#menu UL LI A:hover UL {
DISPLAY: block; LEFT: 161px; POSITION: absolute; TOP: -1px! important
}
#menu UL LI:hover UL {
DISPLAY: block; LEFT: 161px; POSITION: absolute; TOP: -1px! important
}
#menu UL LI UL LI A {
WIDTH: 160px;
COLOR: #000000; BACKGROUND-COLOR: #0000ff
}
#menu UL LI UL LI A:hover {
COLOR: #ffffff; POSITION: relative; background:#fff url(boton_1c.gif);
}
TABLE.falsa {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; FLOAT: left; BORDER-BOTTOM-WIDTH: 0px; POSITION: relative; BORDER-COLLAPSE: collapse; BORDER-RIGHT-WIDTH: 0px
}
#menu ul li ul li a span {display: none;}
#menu ul li ul li a:hover span {
display:block; position:absolute; left:200px; top:10;
}