The nav bar:
Your float:left; property in:
.custom #header #logo a { text-indent: -9999px; width: 450px; height: 169px; display: block; **float: left;** }
is causing the nav bar to act all funny. You have 2 options:
- get rid of the float left.
- clear your float left after the logo.
IE: add clear:left; or clear:both;
to your .menu-custom-container
The Image:
It seems its unable to find header.png in
wp-content/themes/thesis_184/custom/images/header.png
Also it looks like you have uploaded the header image into the theme.
could this be it? http://euanmitchell.com.au/wp-content/uploads/2012/05/euanbannerv6.jpg
if that’s the case you can completely get rid of the background-image and split the remaining properties into individual properties since #header contains this code:
background-image: url(http://euanmitchell.com.au/wp-content/uploads/2012/05/euanbannerv6.jpg);
so your new css would be:
.custom #header { height:150px; background-color:transparent; background-position: center; background-repeat:no-repeat; }
That will take care of the image not showing up.
Edit:
Also you don’t need the no-repeat because it also in the #header or the transparent color because it’s white anyway. TBH they don’t add anything, the only real property your adding is background-position:center;.