Megan,
Thank you for your email.
The problem in Safari is the png background-image I used for my header is hidden behind the banner image (which is supose to be underneath the header and logo). The alignment is all messed up and it is almost as if the banner image is ignoring the placement of the header and just laying on top of it. In Firefox and Chrome it is in the correct position. I will add the css code here. I also added some html to the header.php file. If you want that code to, I will post it.
Jenn
————-header css code ————–
#branding img {
clear: both;
border-top: none;
display: block;
border-bottom: none;
}
#header {
background-image:url(‘images/bg-content-top.png’);
background-repeat: no-repeat;
background-position: center;
font:12px/19px Arial, Helvetica, sans-serif;
color:#7fb000;
height:150px;
}
.directions {
color:#7fb000;
font-weight:bold;
text-decoration:underline;
padding-top: 20px;
padding-right: 0;
padding-bottom: 0;
padding-left: 5px;
float:both;
}
.logo a{
margin:0;
width:238px;
display: block;
text-align:center;
position:absolute;
left:350px;
z-index:30;
}
#site-title a {
display: block;
text-align:center;
position:absolute;
color:white;
font-size:1px;
left:373px;
right: 373px;
padding-bottom:20px;
padding-top:15px;
}
#site-description {
display:none;
}
——–header.php code———-
<?php
?><!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset=”<?php bloginfo( ‘charset’ ); ?>” />
<title><?php
/*
* Print the <title> tag based on what is being viewed.
*/
global $page, $paged;
wp_title( ‘|’, true, ‘right’ );
// Add a page number if necessary:
if ( $paged >= 2 || $page >= 2 )
echo ‘ | ‘ . sprintf( __( ‘Page %s’, ‘twentyten’ ), max( $paged, $page ) );
?></title>
<link rel=”profile” href=”http://gmpg.org/xfn/11″ />
<link rel=”stylesheet” type=”text/css” media=”all” href=”<?php bloginfo( ‘stylesheet_url’ ); ?>” />
<link rel=”pingback” href=”<?php bloginfo( ‘pingback_url’ ); ?>” />
<?php
/* We add some JavaScript to pages with the comment form
* to support sites with threaded comments (when in use).
*/
if ( is_singular() && get_option( ‘thread_comments’ ) )
wp_enqueue_script( ‘comment-reply’ );
/* Always have wp_head() just before the closing </head>
* tag of your theme, or you will break many plugins, which
* generally use this hook to add elements to <head> such
* as styles, scripts, and meta tags.
*/
wp_head();
?>
</head>
<body <?php body_class(); ?>>
<div id=”wrapper”>
<div id=”site-title”><img src=”http://www.shopatmuse.com/wp-content/themes/shopatmuse/images/logo.png” alt=”A Phoenix Boutique Muse Apparel”/></div>
<div id=”header” class=”hfeed”>
<div id=”masthead”>
<div id=”branding” role=”banner”>
</br></br>
<div style=”float:left; color:#7fb000; margin-left:40px; margin-top:25px;”><strong style=”color:#7fb000;”>HOURS: MON-FRI: 11:00AM-7:00PM | SAT 11AM-5PM </div><div style=”float:left; color:#7fb000; margin-left:40px; margin-right:40px;”></div><div style=”float:right; color:#7fb000; margin-right:40px; margin-top:25px;”><strong style=”color:#7fb000;”>(602) 749.8880 | 742 E. GLENDALE, PHX <a style=”color:#7fb000;
font-weight:bold;
text-decoration:underline;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 5px; ” href=”http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=742+E.+GLENDALE,+PHX&sll=37.0625,-95.677068&sspn=52.152749,109.248047&ie=UTF8&t=h&z=17″ target=”_blank”> DIRECTIONS </div>
</br>
<?php $heading_tag = ( is_home() || is_front_page() ) ? ‘h1’ : ‘div’; ?>
<<?php echo $heading_tag; ?> id=”site-title”>
<span>
” title=”<?php echo esc_attr( get_bloginfo( ‘name’, ‘display’ ) ); ?>” rel=”home”><?php bloginfo( ‘name’ ); ?>
</span>
</<?php echo $heading_tag; ?>>
<div id=”site-description”><?php bloginfo( ‘description’ ); ?></div>
<?php
// Check if this is a post or page, if it has a thumbnail, and if it’s a big one
if ( is_singular() && current_theme_supports( ‘post-thumbnails’ ) &&
has_post_thumbnail( $post->ID ) &&
( /* $src, $width, $height */ $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), ‘post-thumbnail’ ) ) &&
$image[1] >= HEADER_IMAGE_WIDTH ) :
// Houston, we have a new header image!
echo get_the_post_thumbnail( $post->ID );
elseif ( get_header_image() ) : ?>
<img src=”<?php header_image(); ?>” width=”<?php echo HEADER_IMAGE_WIDTH; ?>” height=”<?php echo HEADER_IMAGE_HEIGHT; ?>” alt=”” />
<?php endif; ?>
</div><!– #branding –>
<div id=”access” role=”navigation”>
<?php /* Allow screen readers / text browsers to skip the navigation menu and get right to the good stuff */ ?>
<div class=”skip-link screen-reader-text”>“><?php _e( ‘Skip to content’, ‘twentyten’ ); ?></div>
<?php /* Our navigation menu. If one isn’t filled out, wp_nav_menu falls back to wp_page_menu. The menu assiged to the primary position is the one used. If none is assigned, the menu with the lowest ID is used. */ ?>
<?php wp_nav_menu( array( ‘container_class’ => ‘menu-header’, ‘theme_location’ => ‘primary’ ) ); ?>
</div><!– #access –>
<div id=”signup”>
<div style=” background-color:#e9f0e9; height:25px; width:565px; text-align:right; float:right; border-bottom-left-radius:50px; padding-bottom:5px; padding-top:5px; padding-right:20px; “>
<img style=”float:left; padding-left:20px; ” src=”http://www.shopatmuse.com/wp-content/themes/shopatmuse/images/musenews.png” alt=”join” />
<form action=”http://www.shopatmuse.com/newsletter” method=”post”>
<input type=”hidden” name=”na” value=”s”/>
Your email: <input type=”text” name=”ne”/>
<input type=”submit” value=”Subscribe now!”/>
</form>
</div>
</div>
</div><!– #masthead –>
</div><!– #header –>
<div id=”main”>
