Can someone tell me what is wrong with this css It seems to validate, but the buttons on my page look horrible in IE7 what can I do to make them look better here is the style sheet (sorry if its not very good, I am new at syle sheets) BODY { background-image: url('images/naturebg.jpg'); background-repeat: repeat; } h1 { color : #7300E6; font-size : 32pt; font-family: cursive; background-color: transparent; } h2 { color : navy; font-size : 20pt; background-color: transparent; } h3 { color : #7300E6; font-size : 18pt; font-family: cursive; background-color: transparent; } h4 { color : blue; font-size : 16pt; background-color: transparent; } h5{ color : #7300E6; font-size : 8pt; font-family: cursive; font-weight: bold; background-color: transparent; } .container{ width:5px; } .table_cell { text-align: left; font-size: 0.8em; font-family: verdana, arial, sans-serif; color:#7300E6; position: relative; top: 3px; width: 600px; line-height: 0.8em; background-color: transparent; } p.special_letter:first-letter { font-family: arial,sans-serif; font-size: 125%; font-style: italic; color: navy; float:left; background-color: transparent; } a:link { color : green; background-color: transparent; } a:visited { color : navy; text-decoration: none; background-color: transparent; } a:hover { color : black; background-color: transparent; } a:active { color : blue; background-color: transparent; } div.menubar{ vertical-align: top; color :#99CCFF; width :100%; padding :5px; } a.menu { width :120px; text-align : center; font-family: cursive; font-style : normal ; font-size : 12pt; font-weight :bold; color :#663399; text-decoration : none; background-color :#BDB5FF ; padding :3px; border-style : outset ;border-color :#CCCCFF ;border-width : medium } a.menu:hover{ color :aqua; background-color :#660099; border-style :inset ;border-color :#BDB5FF ;border-width :medium } and here is the website , the buttons are near the bottom of the page http://www.kurlylox.com/
have you thought about putting the links into a list using <li> and nesting the link inside? (<li><a href="yourpage.html">Your Page</a></li>)