Hi guys i posted a while ago regarding this issue but gave up sadly after a few failed attempts at fixing it 
Ok here is the problem :
-
On firefox (mac) it pushes the comment boxes under instead of inline with the text ie “name” the box is then under it. But in safari and chrome it is fine. Not tested with IE windows so if anyone cant tell if same error is there that would be great!
-
Again on Firefox (mac) on some posts it pushes the image after the read more link to the right of the page.
The Site
The Style.css
/*
Theme Name: dannylintonphotography
Theme URI: http://dannylintonphotography.com/
Description: website theme.
Version: 1.0
Author: danny linton
Tags: website, dannylintonphotography,
Default WordPress by Dave Shea || http://mezzoblue.com
Modifications by Matthew Mullenweg || http://photomatt.net
This is just a basic layout, with only the bare minimum defined.
Please tweak this and make it your own. :)
*/
.screen-reader-text {
position: absolute;
left: -1000em;
}
a {
color:#a32b2b;;
}
a img {
border: none;
}
a:visited {
color: #a32b2b;
}
a:hover {
color: #666;
}
acronym, abbr {
border-bottom: 1px dashed #333;
}
acronym, abbr, span.caps {
font-size: 90%;
letter-spacing: .07em;
}
acronym, abbr {
cursor: help;
}
blockquote {
border-left: 5px solid #ccc;
margin-left: 1.5em;
padding-left: 5px;
}
cite {
font-size: 90%;
font-style: normal;
}
h2 {
border-bottom: 1px dotted #ccc;
font-family: Arial, Helvetica, sans-serif;
font-size:25px;
letter-spacing: 0.2em;
margin: 15px 0 2px 0;
padding-bottom: 2px;
color:#a32b2b;
}
h3 {
border-bottom: 1px dotted #eee;
font-family: Arial, Helvetica, sans-serif;
margin-top: 0;
}
ol#comments li p {
font-size: 100%;
}
p, li, .feedback {
font-family: Arial, Helvetica, sans-serif;
letter-spacing: -1px;
}
/* classes used by the_meta() */
ul.post-meta {
list-style: none;
}
ul.post-meta span.post-meta-key {
font-weight: bold;
}
.credit {
background: #90a090;
border-top: 3px double #aba;
color: #fff;
font-size: 11px;
margin: 10px 0 0 0;
padding: 3px;
text-align: center;
}
.credit a:link, .credit a:hover {
color: #fff;
}
.feedback {
color: #ccc;
text-align: right;
clear: both;
font-size: 15px;
}
.meta {
font-size: .75em;
}
.meta li, ul.post-meta li {
display: inline;
}
.meta ul {
display: inline;
list-style: none;
margin: 0;
padding: 0;
}
.meta, .meta a {
color: #808080;
font-weight: normal;
letter-spacing: 0;
}
.storytitle {
color:#a32b2b;
}
.storytitle a {
color:#a32b2b;
}
.storycontent {
font-family: Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:100;
color:#333;
}
form#commentform p {
clear:both;
}
#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
background: #fff;
border: 1px solid #333;
padding: .2em;
clear: left;
}
#commentform textarea {
width: 70%;
}
#commentlist {
margin-left:10px;
font-size: 15px;
}
#commentlist li {
padding-top: 10px;
}
#commentlist li ul {
border-left: 1px solid #ddd;
font-size: 110%;
list-style-type: none;
}
#commentlist li .avatar {
float: right;
margin-right: 15px;
border: 1px dotted #ccc;
padding: 2px;
}
#header a {
color: #fff;
text-decoration: none;
}
#header a:hover {
text-decoration: underline;
}
#menu {
}
#menu form {
margin: 0 0 0 13px;
}
#menu input#s {
width: 80%;
background: #eee;
border: 1px solid #999;
color: #000;
}
#menu ul {
color: #A03C37;
font:18px "Verdana", Geneva, sans-serif;
font-weight: bold;
list-style-type: none;
margin: 0;
padding-left: 3px;
}
#menu ul li {
font-family: Arial, Helvetica, sans-serif;
font-size:15px;
letter-spacing: 0.1em;
margin-top: 10px;
padding-bottom: 2px; /*border-bottom: dotted 1px #ccc;*/
}
#menu ul ul {
font-variant: normal;
font-weight: normal;
line-height: 100%;
list-style-type: none;
margin: 0;
padding: 0;
text-align: left;
}
#menu ul ul li {
border: 0;
font:Arial, Helvetica, sans-serif;
letter-spacing: 0;
margin-top: 0;
padding: 0;
padding-left: 12px;
}
#menu ul ul li a {
color: #ccc;
text-decoration: none;
}
#menu ul ul li a:hover {
color:#a32b2b;
}
#menu ul ul ul.children {
font-size: 142%;
padding-left: 4px;
}
#wp-calendar {
border: 1px solid #ddd;
empty-cells: show;
font-size: 14px;
margin: 0;
width: 90%;
}
#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}
#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}
#wp-calendar a {
display: block;
text-decoration: none;
}
#wp-calendar a:hover {
background: #e0e6e0;
color: #333;
}
#wp-calendar caption {
color: #999;
font-size: 16px;
text-align: left;
}
#wp-calendar td {
color: #ccc;
font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
letter-spacing: normal;
padding: 2px 0;
text-align: center;
}
#wp-calendar td.pad:hover {
background: #fff;
}
#wp-calendar td:hover, #wp-calendar #today {
background: #eee;
color: #bbb;
}
#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}
/* Captions & aligment */
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/* End captions & aligment */
I know there are a few other issues with the blog but i realy want to get this working so i can use the blog more!
If anyone could help me i would be VERY GREATFULL!
many thanks in advance Dan