Border-style: initial; is RUINING MY LIFE

Get Started
1

Hey everyone, thank you for your time. I tried to do a “sliced image menu” here in the side bar:
http://www.breeziecastell.com/perfect
and the space between the “tv” and “products” is not going away. When I “inspect element” I see that something is putting in border styles into the style sheet… I have a feeling I’m missing a separator in there. *** Thank you ***


<div class="sidebar">
<img src="http://www.breeziecastell.com/perfect/wp-content/themes/breezietheme/images/rough (1).png" alt="">
<img src="http://www.breeziecastell.com/perfect/wp-content/themes/breezietheme/images/rough (2).png" alt="">
<img src="http://www.breeziecastell.com/perfect/wp-content/themes/breezietheme/images/rough (3).png" alt="">
<img src="http://www.breeziecastell.com/perfect/wp-content/themes/breezietheme/images/rough (4).png" alt="">
<div>

and css

/*
Theme Name: Breezietheme
Theme URI: http://www.breeziecastell.com/
Description: SP Theme By Breezie Castell
Author: Breezie Castell
Author URI: http://breeziecastell.comVersion: 1.0
*/

body {
background-color:#00CCFF;
background-attachment:fixed;
font-family: Century Gothic, Verdana, sans-serif;
	color:#333;
	font-size:12px;
}

a:link img,
a:active img,
a:visited img{
        border: 0;border-collapse:collapse;
}
a:link {
	color:#333;
	text-decoration:none;
}

a:visited {
	color:#333;
	text-decoration:none;
}

a:active {
	color:#333;
	text-decoration:none;
}

a:hover {
	color:#f3961f;
	text-decoration:none;}
	
h1{
font-family: 'Special Elite', cursive;
font-size:2.5em;
font-weight:200;
color:#333;
margin:0 0 10px 0;
}	
	
ul{
font-family: Century Gothic, Verdana, sans-serif;
color:#000000;
font-size:1.25em;
list-style-type: none;
padding: 0px;
margin: 0px;
}
.wrapper {
background-color:transparent;
width: 1000px;
min-height: 600px;
margin: 0 auto;
overflow:none;
}
.sidebar{
background-color:transparent;
background-repeat:no-repeat;
width: 290px;
height:400px;
float: left;
text-align:center;
margin-top:50px;
}
img {border:0px; margin:0px; padding:0px; border-collapse:collapse; border-style: none; border-image: none;}
.topcontent{
height:40px;
width:100%;
background-image:url('images/okay.png');
background-repeat:no-repeat;
}
.innerwrapper{background-image:url('images/okay2.png');}

.content{
width: 700px;
background:transparent;
margin-left:290px;
padding:20px 20px 0 20px;
min-height:600px;
}
.header{
width:780px;
float:right;
border-bottom: 1px dotted #dadada;
text-align:right;
margin-bottom:10px;
padding:20px 20px 0 0;
}
.tophalf{
background:transparent;
width:100%;
height:280px;
}
.welcome{
background:transparent;
float:left;
width:445px;
height:240px;
border-right: 1px dotted #a69f9c;
margin:10px;
padding:10px;
}
.feed{
height:240px;
background:transparent;
float:right;
width:240px;
margin:10px 10px 10px 0;
padding:10px;
}
.footer{
width:100%;
text-align:center;
}
textarea#comment { width: 400px; padding: 5px; }
.commentmetadata { font-size: 10px; }
2

I fixed it :slight_smile: Thank you everyone. I’m not sure if I can delete this post or something :slight_smile: Thank you again for looking

3