Glitchy (XHTML w/ CSS)

[map4202003]

i'm have problems with a couple little things.

1) i get a purple border around my side navigation bar buttons (is it something to do with #sidenav below. I made the buttons with Corel Draw 10 and exported them as GIFs. I didn't do any formatting in the .css to make it do that (as far as i can tell)and i've been trying all day to get rid of it.

2) i can't figure out what I have to do to make an image (a link button on the side navigation bar) change when the mouse hovers. Can this be done in the .css {see #sidenav below}

3) my #content border doesn't go along the bottom (it get's cut off) on all of my pages except for one. I don't get it.

If any one out there has a suggestion or two, that would be great!
See .css code below. - peace, love, & happiness

body {background-color: none}

#logo {position: absolute; top: 17px; left: 2%; padding-right: 2%}
#logo img {width: 160px; height: 160px}

#banner {position: absolute; top: 30px; left: 25%; border-style: outset; padding-right:0%}
#banner img {width: 650px; height: 90px}

#saying {position: absolute; top: 140px; left: 35%; padding-right:2%; font-family: "Pristina"; font-size:24}

#pic1 {float: right;padding-top:3%; padding-bottom:1%; padding-right:1%; padding-left:3%; font-family: "Arial";font-size: 11px;}

#caption {float:right;padding-top:1%; padding-bottom:1%; padding-right:1%; padding-left:3%; font-size:11; text-align: center}

#content {position: absolute; top: 200px; left: 20%; width: 790px;background-color:#A5D8F9; padding-top2%; padding-bottom:2%; padding-right:2%; font-family: "Arial"; padding-left:2%; border-style: double}

#paragraph {text-align: left; font-size: 16px}

#sidenav {position: absolute; top: 200px; left: 2%;width: 160px; padding-top:3%; padding-bottom:1%; padding-right:5%; padding-left:5%}
#sidelink {border-sytle: none}
#sidenav a {display: block}

h1 {font-family: "Viner Hand ITC"; font-size: 42px}
h2 {font-family: "Britannic"; font-size: 26px}
h3 {font-family: "Arial"}

[D3mon]

<blockquote id="quote"><font size="1" face="geneva, verdana, arial" id="quote">quote:<hr height="1" noshade id="quote">Originally posted by map4202003

i'm have problems with a couple little things.

1) i get a purple border around my side navigation bar buttons (is it something to do with #sidenav below. I made the buttons with Corel Draw 10 and exported them as GIFs. I didn't do any formatting in the .css to make it do that (as far as i can tell)and i've been trying all day to get rid of it.
<hr height="1" noshade id="quote"></blockquote id="quote"></font id="quote">
By default, browsers show images with borders. Use this line in your style sheet to switch them off:
img { border: none }<blockquote id="quote"><font size="1" face="geneva, verdana, arial" id="quote">quote:<hr height="1" noshade id="quote">Originally posted by map4202003


2) i can't figure out what I have to do to make an image (a link button on the side navigation bar) change when the mouse hovers. Can this be done in the .css {see #sidenav below}
<hr height="1" noshade id="quote"></blockquote id="quote"></font id="quote">It can be done, but the effect isn't very smooth in some browsers. Basically, you'd have an <a> with a background image like:

#menu.btn1 a { background: url(images/button1-up.gif) }

Then, on the hover action of the <a> tag change the background image:

#menu.btn1 a:hover { background: url(images/button1-down.gif) }<blockquote id="quote"><font size="1" face="geneva, verdana, arial" id="quote">quote:<hr height="1" noshade id="quote">Originally posted by map4202003


3) my #content border doesn't go along the bottom (it get's cut off) on all of my pages except for one. I don't get it.
<hr height="1" noshade id="quote"></blockquote id="quote"></font id="quote">CSS-P (CSS - absolute Positioning) is unfortunately not very well supported by mainstream browsers at the moment, so strage stuff tends to occur. Never use it myself so can't really help on that one. It might help if you can provide a URL where we might see what is happening.

[map4202003]

Thanks very much for the advice. I'll give it a go. As for seeing any thing on the web...i'm not there yet. Hoping to get a URL next week.

Cheers!