Site critique and CSS help

[benjo]

Redesigned my photography portfolio last night, wanted to get away from my wordpress photoblog and keep it simple with just photos.

www.ben-avery.co.uk

I'm having problems getting it to display properly though. IE, Opera and FF all display something different. Opera seems to display everything correctly, but IE and FF are shifted either side.

Ignore the about page for the moment.

I've come to the end of my css/html skill and need some help Can anyone lend a hand?

Secondly, what do you think of the design in general? I'm thinking of changing the logo but apart from that, I quite like it.

Thanks

 

[unwashed potato!]

can't really comment on the design. the site is black and it's just a gallery so not much to say.

as for the display issue, from what i can see it looks like the main image that is being displayed hasn't got enough room to fit in it parent. try setting a height to whatever it's in and see it that helps.

 

[Broadie]

Try using the Firebug plugin for Firefox, remembering to open the page in IE first/and/or afterwards to see where the wonky parts may be when testing with other browsers

edit: disable the stylesheet and then slow the timer (ie set it to rundown from 10 seconds or 15), also its a portfolio site so always looks good to start with a black BG

edit #2: is that a fisherman catching a Type 42 (HMS York) in the last shot? I have specs on, but still can't read the tag

 

[simisker]

After a cursory glance at the code, I'd say that the offending div is following the flow from the floated ul; it needs clearing.

Declaring clear: both; for the offending div ought to solve it.