font background color

I am using a bk image behind my links and for some reason there is a strip
that is sitting over the top and to the side of the image the same color as
the bgcolor of the cell.

Can you take a look at this and tell me what you think might be the problem?
http://www.greaterhouseofprayer.com/about.html

my css code: // it has been validated

..navLeftParent {
padding-top: 40px;
}
..navLeft {
font-size: 1.1em;
font-weight:600;
background-image:url(../images/navBgButton.jpg);
background-repeat:no-repeat;
width: 157px;
height: 35px;
background-position:center;
background-color: #FEB80A;
}
..navLeft span{
position:relative;
left: 30px;
top: 6px;
background-color: #FEB80A;
}
..navLeft a:visited {
color: #994D4D;
text-decoration: none;
background-image:url(../images/navBgButton.jpg);
background-color: #FEB80A;
}
..navLeft a:link {
color: #994D4D;
text-decoration: none;
background-image:url(../images/navBgButton.jpg);
background-color: #FEB80A;
}
..navLeft a:hover {
color: #FFFFFF;
text-decoration: underline;
background-image:url(../images/navBgButton.jpg);
background-color: #FEB80A;
}

any insight would be greatly appreciated
thank you
Kevin

krraleigh wrote:

I am using a bk image behind my links and for some reason there is a
strip that is sitting over the top and to the side of the image the same
color as the bgcolor of the cell.

Can you take a look at this and tell me what you think might be the
problem?
http://www.greaterhouseofprayer.com/about.html

my css code:

is at the URL for us to see.

// it has been validated

Good thought! But I see an error on the CSS, and 20 erors on the markup.

Delete the BG image from the link styles
..navLeft a:visited, .navLeft a:link, and .navLeft a:hover
background-image:url(../images/navBgButton.jpg); /* Kill this */

Also, try sizing your links in em units instead of px. Not every visitor
will be using your browser's default font size, and the text will
overflow the space you've provided (in px), and the BG image will get
distorted again.

And: rearrange the rules for your links in the order :link, :visited,
:hover, :active (okay, I know you don't specify an :active on this page,
but if you did...).

Finally, your markup isn't very semantically precide. You use a lot of
DIVs and BRs and it's all in a table for the layout. Look into revising
your markup and using CSS to style the presentation (like margins
instead of BRs). Lurk in this group, for example.

HTH. GL.

--
John
Possessive "its" has no apostrophe. Even on the Internet.

John Hosking wrote:

rearrange the rules for your links in the order :link, :visited,
:hover, :active

Any other order will break the logic. This causes much trouble. But the
correct order is easily mnemotechnically remembered by

"Las Vegas Hells Angels"

- Daniel

Daniel Jung wrote:

John Hosking wrote:
rearrange the rules for your links in the order :link, :visited,
:hover, :active

Any other order will break the logic. This causes much trouble. But the
correct order is easily mnemotechnically remembered by

"Las Vegas Hells Angels"

"Las Vegas Has Animals" :-)


--
John
Or with more focus: "Las Vegas Has Free Animals"

At 19:13:09 on Tue, 16 Sep 2008, John Hosking
<John (AT) DELETE (DOT) Hosking.name.INVALID> wrote in
<48cfe98d$1_2 (AT) news (DOT) bluewin.ch>:

Daniel Jung wrote:
John Hosking wrote:
rearrange the rules for your links in the order :link, :visited,
:hover, :active
Any other order will break the logic. This causes much trouble. But
the correct order is easily mnemotechnically remembered by
"Las Vegas Hells Angels"

"Las Vegas Has Animals" :-)

"Little Virgins Have Arses".
--
Molly Mockford
They that can give up essential liberty to obtain a little temporary safety
deserve neither liberty nor safety - Benjamin Franklin
(My Reply-To address *is* valid, though may not remain so for ever.)

In article <57adnT0if57Q6VLVnZ2dnUVZ_ofinZ2d (AT) giganews (DOT) com>,
"krraleigh" <kraleigh (AT) sbcglobal (DOT) net> wrote:

I am using a bk image behind my links and for some reason there is a strip
that is sitting over the top and to the side of the image the same color as
the bgcolor of the cell.

Can you take a look at this and tell me what you think might be the problem?
http://www.greaterhouseofprayer.com/about.html

I see no strip in any of my browsers. I do see this sort of thing on
text enlargement:

<http://dorayme.890m.com/alt/justPics/this_will_not_do.png>

And there is much that is badly broken, follow John Hosking's excellent
advice.

But I come for a different reason: I was pleased to see a real live case
of something that has been much discussed, the hitherto mythical case of
naming something with "left" that is on the right!

Your

..navLeft {

etc.

<g>

--
dorayme