Unnecessary lines Showing up on right and top.

Below is the screenie circled with unnecessary lines.

#gadget{
clear:both;
}

.gadget-one{
width: 251px;
float: left;
padding:15px 12px 0 32px;
overflow:hidden;
}

.gad-top{
height:11px;
width:251px;
display:block;
overflow:hidden;
background:url(images/gad_top.gif) no-repeat 0 0;
}

.gad-mid{
display:block;
height:1%;

overflow:hidden;

background:url(images/gad_mid.gif) repeat-y 0 0;
}

.gad-mid h2{
color:#000;
text-align:center;
font-size:12px;
font-weight:bold;
clear:both;
}

.gad-mid li{
list-style:none;
display:block;

}

.gad-mid li a{
color:#999;
text-decoration:none;
height:25px;

display:block;
padding:8px 15px 0 5px; /*top = 8px, right = 10px, bottom = 5px, left = 10px. */
overflow:hidden;
border-bottom:1px solid #000;
}

.gad-mid li a:hover{
background:#3f3f3f;
color:#EEE;
}

.gad-bottom{
height:11px;
width:251px;
display:block;
overflow:hidden;
background:url(images/gad_bottom.gif) no-repeat 0 0;
}

Code (markup):

Following is the code.

		<div id="gadget">
			<div class="gadget-one">
				<div class="gad-top"></div>
                		<div class="gad-mid">
					<h2 class="recent-post-til">Recent Posts</h2>
						<ul>
							<?php get_archives('postbypost', 3); ?>
						</ul>
				</div>
			<div class="gad-bottom"></div>
			</div>
</div>

PHP:

Yes ofcourse I will give + rep to person help me resolve it.

 

what's the code in the 'get_archives()' function?

Is this a WP blog/theme?

 

Yup its wordpress theme, code inside 'get_archives()' function will get list of 3 recent most posts and display them.

 

I just ask, cuz it looks like some sort of border issue on the post links...I'll take a look at my wp code to see if I can find something more specific...

 

Change:

.gad-mid li a{
color:#999;
text-decoration:none;
height:25px;

display:block;
padding:8px 15px 0 5px; /*top = 8px, right = 10px, bottom = 5px, left = 10px. */
overflow:hidden;
border-bottom:1px solid #000;
}

to:

Change:

.gad-mid li a{
color:#999;
text-decoration:none;
height:25px;
display:block;
padding:8px 15px 0 5px; /*top = 8px, right = 10px, bottom = 5px, left = 10px. */
overflow:hidden;
}

 

how does that get rid of the right and top border as well?
I'm pretty sure the issue is elsewhere in the css...not in the code he gave...but I have been wrong before

 

It doesn't remove unnecessary lines, just the bottom border lines which I wanted them there.

below is result I got after removing this code.

 

Shoot me a PM or post the rest of your css?

The issue is not in the code you gave.

 

PM sent...let me know if that fixes it

 

STill problem no resolved, anyone ready to take a look whose good in CSS.

 

Still no problem resolved, because you expect all the users to magically identify what's going on from a screenshot, and from the PHP code (not even source) with parts of CSS that haven't been posted.
It could be sort of a background image that's been set, but again that's just a guess.

 

Hi Dura Killer,

It looks like a border issue. You may want to search your CSS for the word border and change each until you get rid of the lines. That will al least let you know where the problem lies. Make sure you are refering to one CSS file in your code. Also a link to the site would be helpful, sorry if I missed it somewhere in your posts, but I didn't see one.

Anyway Good Luck.