Thank you both very much! I was able to get my site logo and navigation bar to final start centering itself regardless of the screen size. The changes that I made, however, appear to have created another (small) problem – if you look at my site you will see that the container holding the navigation menu has a height that is 6 pixels taller than the actual menu items. The menu options each have a height of 21 pixels, with 15 pixels of padding on both top and bottom. This comes to a total of 51 pixels for the menu items. The container, however, is now automatically being created with a pixel height of 57, thus there appears to be 6 extra pixels of container height on the bottom of the menu items.
It appears to be an issue with the menu now being displayed as inline-block. When I remove the inline-block display option the problem is fixed, but obviously my menu is no longer centered. I notice that there is a second container created around the menu when it is displayed as inline-block – I am not sure if this is part of the problem or not, as both of the created containers seem to automatically be created with the pixel height of 57.
Thanks again ahead of time.
