Re: Exhausting my limited CSS abilities

[Malice]

Ok made many of the mentioned changes (some I corrected before the latest suggestions) and I think it’s substantially better.

I run into an odd anomily where FireFox plops a scrollbar in the content div where IE just expands the box but something I can easily live with.

These forums have been a countless source for me and I greatly appreciate the help. As a matter of fact, I pretty much learned CSS from scratch in these very forums… now.. that’s not saying much compared to many of the experts here but man am I happy =D

Code:

/*
Theme Name: UltimateHike
Theme URI: http://www.d2webdesigns.com
Description: Another design for The Ultimate Hike for a Cure
Version: 3.0a
Author: Dennis Stevenson
Author URI: http://www.d2webdesigns.com/

Primary Colors:
bgcolor: #423820
textcolor: #000
texthover color: #CCCC00
*/

/* CSS RESET */

html, body, div, h1, h2, h3, h4, h5, h6, p,
a, font, img, ins, strong, b, u, i, center,
ol, ul, li, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
font-family: Calibri, helvetica, georgia, sans-serif;
}

/* <--- END RESET ---> */

body {
background-color: #423820;
text-align: center;
line-height: 1;
}

/* Navigation Menu */

ul{
list-style-type:none;
padding-top:37px;
padding-left:20px;
}

li{
display:inline;
}

a{

float:left;
width:100px;
text-decoration:none;
color:white;
background:#2a5162;
padding:5px;
border-right:1px solid #FFFFFF;
}

a:hover{
background:#CCCC00;
}

/* End Navigaion Menu */
/* Diabetes Buttons */

a.dbutton:link{
text-decoration: none;
padding: 0px;
}

a.dbutton:visited{
text-decoration: none;
padding: 0px;
}

a.diabetesbtn:link{
width:578px;
text-decoration: none;
border: 1px solid #000;
padding: 0px;
margin-left: 400px;
margin-top: 15px;
}

a.diabetesbtn:visited{
width:578px;
text-decoration: none;
border: 1px solid #000;
padding: 0px;
margin-left: 400px;
margin-top: 15px;
}

/* End Diabetes Buttons */

.quote {
position: relative;
top: 155px;
left: 250px;
color: white;
font-size: 75%;
text-align: left;
}

p{
font-family: Calibri, helvetica, georgia, sans-serif;
}

#wrapper {
background-color: #423820;
width: 1000px;
text-align: left;
margin: 0px auto;
overflow: hidden;
position: relative;
}

#navigation {
background-image: url(../images/navigationBar.png);
height: 76px;
width: 1000px:
position: relative;
text-align: left;
background-repeat: no-repeat;
}

#header {
background-image: url(../images/header.png);
height: 236px;
width: 1000px:
position: relative;
text-align: left;
background-repeat: no-repeat;
}

#contentindex{
background: #dee9e9;
position: relative;
overflow: auto;
height: 526px;
width: 720px;
padding-right: 20px;
padding-bottom: 20px;
margin-top: 10px;
margin-bottom: 10px;
}

#latestNews {
background-image: url(../images/latestNews.png);
background-repeat: no-repeat;
color: white;
position: relative;
height: 506px;
width: 237px;
float: left;
padding-top: 40px;
padding-left: 10px;
overflow: hidden;
}

#content {
background-image: url(../images/content.png);
background: #dee9e9;
position: relative;
width: 990px;
margin-top: 10px;
margin-bottom: 5px;
padding-top: 10px;
padding-left: 10px;
overflow: auto;
background-repeat: no-repeat;
clear: both;
}

#footer {
background-image: url(../images/footer.png);
height: 92px;
width: 1000px:
position: relative;
top: 0px;
text-align: left;
background-repeat: no-repeat;
}

#donate {
position: relative;
top: 170px;
left: 30px;
height: 50px;
width: 200px;
overflow: hidden;
}