Drop Down Menu Text Showing Behind Photos

I've tried changing the z-index but nothing is changing?? On Chrome the menu appears normal though on other browsers such as Safari it's hiding behind the gallery images (not the home page slider) Maybe someone can help because I've done as much I can think of, thanks heaps !

my website is - White Boda Wedding Photography and you can see when you visit 'photography' you'll see the menu hides behind the gallery.

Why is my page being cut off?

Alright so Im getting content on the side of my page cut off when I resize my page on my desktop browser.

This is what my page looks like when its normal. http://gyazo.com/dedab68fd110b484e64e4500b5e58523

Then I resize my page to make it thinner and I get this when I scroll to the right http://gyazo.com/cc0234a8463431253c57f172af8749f3

It cuts off my content

How do I fix this? Any help would be greatly appreciated! Thanks

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>

Centering(ordering) images to the left not working with margin auto

The site is using margin auto in order to have compatibility with different resolutions of screen

I have several divs nested in one central div. Those divs have images as links and they are not stuck properly to the left edje all. Here is a piece of code

		<div   style="width:800px; border-style:dashed; border-width: 3px; overflow:hidden; margin-left: auto; margin-right:auto;">
<!--<iframe width="100%" height="100%" scrolling="no" hspace="0" vspace="0" marginheight='0' frameborder='no' src="sa_footer.html"></iframe>-->
 
 

CSS Float not working properly in some browsers.

This is my first post, and I'm excited to have just joined this community! Smile

I'm jumping ship from IT/SysAdmin to work for myself and do do web design/development. I need to unleash my creative juices!

I'm looking forward to learning a lot and helping as much as I can as my knowledge grows!

Making my website responsive - facing problems.

HTML Code -

<!DOCTYPE html>
<html>
 <!-- Made by Yours Truly with loving support of Bootstrap 3.0 !-->
  <head>
    <title>Tushar Gupta | Web Developer & Designer</title>
 
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link href="css/animate.min.css" rel="stylesheet" media="screen">
 
 
    <link href="css/main.css" rel="stylesheet" media="screen">
     <link href="css/fontello.css" rel="stylesheet" media="screen">

Syndicate content