Menu text overlap joomla 2.5 - Joomla! Forum - community, help and support

hello have rather anoying situation , have not been able solve perhaps has answer riddle.

the text in submenu overlaping , driving crazy. below picture o situation:

http://www.harmonylodge18.org/forumimgs/overlap.gif

i believe these lines of code deal problem

code: select all

.leftcol h3, .rightcol h3 {
     background: url("../images/box_h3.png") no-repeat scroll left top transparent;
    color: #96c4e1;
    font-size: 11px;
    font-weight: 700;
    height: 36px;
    line-height: 23px;
    margin: 0;
    overflow: hidden;
    padding: 0 14px 0 22px;
    text-align: left;
    text-transform: none;
    width: 174px;
}

.leftcol ul.menu li a, .leftcol ul.menu li a:link,
.leftcol ul.latestnews li a, .leftcol ul.latestnews li a:link,
.rightcol ul.menu li a, .rightcol ul.menu li a:link,
.rightcol ul.latestnews li a, .rightcol ul.latestnews li a:link {
     background: url("../images/menu_arrow.gif") no-repeat scroll left center transparent;
    color: #57778a;
    display: block;
    font-size: 11px;
    font-weight: 400;
    height: 16px;
    line-height: 15px;
    padding: 0 0 0 14px;
    text-decoration: none;
}

.leftcol ul.menu li.current  a,.leftcol ul.menu li.current a:link, .rightcol ul.menu li.current a, .rightcol ul.menu li.current a:link {
    background: url("../images/menu_arrow_hover.gif") no-repeat scroll left center transparent; color: #2e7aa2;}

.leftcol ul.menu li a:hover, .rightcol ul.menu li a:hover {
    background: url("../images/menu_arrow_hover.gif") no-repeat scroll left center transparent; color: #2e7aa2;
}

help!

to solve proble on case had take out following lines:

.leftcol ul.menu li a, .leftcol ul.menu li a:link,
.leftcol ul.latestnews li a, .leftcol ul.latestnews li a:link,
.rightcol ul.menu li a, .rightcol ul.menu li a:link,
.rightcol ul.latestnews li a, .rightcol ul.latestnews li a:link

then theses:

.leftcol ul.menu li.current a,.leftcol ul.menu li.current a:link, .rightcol ul.menu li.current a, .rightcol ul.menu li.current a:link {
background: url("../images/menu_arrow_hover.gif") no-repeat scroll left center transparent; color: #2e7aa2;}

.leftcol ul.menu li a:hover, .rightcol ul.menu li a:hover {
background: url("../images/menu_arrow_hover.gif") no-repeat scroll left center transparent; color: #2e7aa2;
}