Hey guys I fixed the the problem. Thanks so much. However I got myself into a bigger trouble.
The site is the same http://directoroscarortiz.wordpress.com , and its looking very nice if you see it in Chrome, Mozilla Firefox and IE 9......BUT
for some reason, when I try to see it in IE8 or earlier its a disaster. I tried to separate each post in boxes with orange border as you can see. In order to do that I targeted the tag <article>.... It is that the problem???, I was reading that is a HTML 5 tag...
If that is the problem... is there another way that I can get the same effect in a reliable way for older browsers....
Here is my entire Css
body {
background:url('http://directoroscarortiz.files.wordpress.com/2012/02/telon2.jpg') no-repeat #020200;
min-width:1250px;
}
#page {
width:1000px;
background:url('http://directoroscarortiz.files.wordpress.com/2012/02/tio-tigre1.jpg') no-repeat 750px 0;
position:relative;
margin:auto;
}
#content {
color:#000000;
width:670px;
margin-left:50px;
padding:5px;
}
#content a {
color:#000000;
}
#main .widget-area {
color:#FFFFE0;
}
#colophon {
clear:both;
}
#site-title a {
font-size:2em;
font-weight:bold;
text-decoration:none;
margin-left:200px;
}
#site-title {
background:url('http://directoroscarortiz.files.wordpress.com/2012/02/telon1.jpg') no-repeat 670px;
padding:5px;
}
a:link {
color:#FFFFE0;
}
a:visited {
color:#FFFFE0;
}
a:hover {
color:yellow;
}
#access {
background:#020200;
width:600px;
margin-left:150px;
}
#access ul li {
float:right;
margin-right:10px;
border-right:white solid 2px;
}
#access ul li a {
font-size:1.5em;
}
aside ul {
border-bottom:#EB8921 solid thin;
padding:5px;
}
#site-description {
color:#FFFFE0;
font-size:1.9em;
float:right;
}
.blog #page article {
background:url('http://directoroscarortiz.files.wordpress.com/2012/02/limelight1.jpg') no-repeat 420px 0;
background-color:white;
border:#EB8921 solid thick;
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;
color:#000000;
margin:10px;
padding:5px;
}
.single #page #content {
width:670px;
background-color:white;
border:#EB8921 solid thick;
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;
}
.entry-title {
margin-top:80px;
padding:5px;
}
.single #page #content .entry-title {
margin-top:10px;
padding:5px;
}
fpi2013
